Definition
Text area enables the user to interact with and input text multiline.
Handlebars
Razor
Open in new tabJavascript
Text area with text.
Handlebars
Razor
Open in new tabJavascript
States
The disabled state blocks the users interaction and modifies the appearance to let them know that edition is not possible.
In some cases, the textarea is not disabled at component level but instead one ancestor is marked as disabled. This is mainly done when loading data to let the users know that the component is not useful at that moment.
The success state let the user know that the filled information is correct.
The warning state let the user know that the filled information has an issue.
The error state let the user know that the filled information has an error.
Modifiers
The highlighted modifier changes the color when an option is selected.
It is used in contexts when is useful to let the users know that an options is choosen (i.e. search filters or booking steps).