components / Actions and Inputs

Form


Labels

Components within a Form have a few labeling options.

Label Help

Labels can have a help icon with a tooltip to provide additional context to a label.

Required and Optional

A visual indicator can be applied on a form's label. Refer to the pattern for suggested use.

Label Action

An action can be applied to certain forms. This action is a closely related secondary option to the field.

Counter

Counter can be displayed for Input and TextArea when there is a maxLength.

Errors

Forms can provide a visual for errors.

Field Descriptions

A form can also have description content below the control. This content can be useful to provide context to the user.


Components

Patterns


Importing