Input Text

The text input component is the most basic input component. It provides styling for text input components implemented with <input>, etc.

Example

Basically, just add the input class.

You can change the size using classes such as is-sm or is-md.

Adding the disabled attribute will gray out the input.

Using readonly will apply a specific design.

Feedback design after validating user input.

Simply add the is-error class.

Using form-group allows you to display error text at the same time.

Label * Required

Support text

* Error text