--- id: Form section: components subsection: forms cssPrefix: pf-v5-c-form ---## Examples ### Vertically aligned labels ```html ``` ### Horizontally aligned labels ```html ``` ### Horizontal layout at a custom breakpoint ```html ``` ### Form sections ```html ``` ### Help text ```html

Name

This is helper text.

E-mail

This is helper text for a warning input.

Address

This is helper text for an invalid input.

Comment

This is helper text for success input.

Information

This is helper text with an icon.

``` ### Label with additional info ```html ``` ### Label with additional info (horizontal form) ```html ``` ### Action group ```html ``` ### Field group (non-expandable) ```html ``` ### Expandable and nested field groups ```html

Field group 1

Field group 1 description text

Field group 2

Field group 2 description text

Label 1

Label 2

Nested field group 3

Label 1

Label 2

``` ## Documentation To avoid the form label's required indicator or help tooltip icon from wrapping separately from the form label text, all whitespace characters between the last word of the label text, the required indicator (`.pf-v5-c-form__label-required`), and help tooltip icon (`.pf-v5-c-form__label-help`) must be removed, and ` ` characters added in between to maintain spacing. Also the help tooltip icon's `.pf-v5-c-form__label-required` element must be a `` instead of a `