Standard

Text

Text with custom icon

Text with no icon

Textarea

Select

Select with placeholder

Select multiple

Date

Radios Option One Option Two

Checkbox I agree I don't agree

Switch I agree I don't agree

Disabled

Text

Text with custom icon

Text with no icon

Textarea

Select

Select with placeholder

Select multiple

Date

Radios Option One Option Two

Checkbox I agree I don't agree

Switch I agree I don't agree

TODO: Ghost optiongroup label (only) when all options are disabled.

Readonly

Text

Text with custom icon

Text with no icon

Textarea

Textarea

Select

Select with placeholder

Select multiple

Date

Note that readonly has no function on radio groups and checkboxes.

One can make a readonly field look normal with the ts-nolock classname.

Multi

Text Multi Date Multi

Textarea Multi More Multi

Select Multi Select Multi

Multiselect multi Multiselect multi

Errors & Info

Error

Text: An explanation of the error in question; Another explanation of the error in question

Info

Text: An information about the field; Another information about the field

Disabled info

Text: An information about the field; Another information about the field

Forms in Asides

Check out the Form in that Aside.

Colored Forms

Choose your color Dark Red Green Blue Purple Yellow Lite/White

Text

Select

Date

Text

Textarea

Select

Select multiple

Date

Radios Option One Option Two

Checkbox I agree I don't agree

Switch I agree I don't agree