Super UI

Form Components

There are form fields listed below and form validation is also styled.

Example of Active form fields

Add form-label class to labels and form-field for input element, form-field, form-textarea for textarea element(mulitple lines input).

Example of Disabled/Read only form fields

Add disabled attribute to your form element to make them disable. No need to add any extra class. Add readonly attribute to your form element to make them read-only. No need to add any extra class.

Example of Active form fields

Add form-label class to labels and form-field for input element, form-field, form-textarea for textarea element(mulitple lines input).