# FormGroup

## Description

FormGroup component is the way to add structure to forms. Its purpose is to pair form controls with a legend or label and to provide help text and invalid/valid feedback text, as well as visual (color) contextual state feedback.

## Figma <a href="#playground" id="playground"></a>

{% @figma/embed fileId="Ig2ZfR16Svs8In7yibukrO" nodeId="6311:2406" url="<https://www.figma.com/file/Ig2ZfR16Svs8In7yibukrO/Sovryn-UI-Library?node-id=6311:2406&t=iVqwkPHH1TLgcpyJ-1&type=design>" %}

## Usage Examples (Storybook)

{% embed url="<https://main--64805a328deba43ac7b6d3c1.chromatic.com/iframe.html?args=&id=molecule-formgroup--basic&viewMode=docs>" %}