Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.

Text field sizes

Documentation

Standard height

Large

Text field standard

Documentation — web-for-tf1-001

Default

Placeholder

Required

Disabled

Error

Error notification text goes here.

Text field multiline

Documentation — web-for-tf1-002

Default

Select

Documentation — web-for-ddl-001

With label

Without label

Date

This feature will be delivered with #223.

Time

This feature will be delivered with #223.

Quantity selector

This feature will be delivered with #113.

Checkbox

Documentation — web-for-cbx-001

Radio button

Documentation — web-for-rbt-001

Toggle switch

Documentation — web-for-tsw-001

Tooltip

Documentation — web-for-ttp-001

Tooltip on top

Tooltip on right

Tooltip on bottom

Tooltip on left

Slider

Documentation — web-for-sld-001

Slider with value

This feature will be delivered with #116.

Slider with units

This feature will be delivered with #116.

Range slider with values

This feature will be delivered with #116.

Range slider with units

This feature will be delivered with #116.