--- title: Form helpers summary: Use form helpers to provide additional information about a form element. You can use input help, required field, form hint, and additional info inside the label. description: Provide additional guidance in forms. --- ## Input help Use an input helper to display additional information about a form element. The text label will appear once a user hovers over the helper. To add an input helper, use the `.form-help` class. ```html ? ``` Look at the example below to see how the input help works: ```html example centered height="25rem" columns={1}
``` ## Required field Use the `.required` class to indicate that a field is required. It will add a red asterisk to the label. ```html ``` Look at the example below to see how the required field works: ```html example centered columns={1}
``` ## Form hint Use a form hint to provide users with additional information about a form element. The text will appear below the input field. To add a form hint, use the `.form-hint` class. ```html
We'll never share your email with anyone else.
``` Look at the example below to see how the form hint works: ```html example centered columns={1}
We'll never share your email with anyone else.
``` ## Additional info inside label Use the `.form-label-description` class to add additional information to the label. The text will appear next to the label. You can use it to add for example a character counter. ```html ``` This example shows how to use the additional info inside the label: ```html example centered columns={1} height="15rem"
```