Input

The Input component is a text input field that allows users to enter text and can be used to collect user feedback or enter information in data entry forms.

placeholder

sizes

states

types

custom

Code

<input class="backoffice-input" type="text" name="{@name}" value="{@value}" />

Details

Attribute	Type	Description
.backoffice-input	component	Input component, this is required for all inputs
.backoffice-textarea	component	Textarea component, this is required for all textareas
[disabled]	modifier	Input component with disabled style
.backoffice-input-disabled	alternative	Input component with disabled style using class name
.backoffice-input-focus	alternative	Input component with focus style, most of the cases this is not required, due this automatically applied on focus.
.backoffice-input-error	modifier	Input component with error style
.backoffice-textarea-error	alternative	Textarea component with error style, it an alias for input error style.