Input <EInput> ​

The input element is used to create interactive controls for web-based forms in order to accept data from the user.

Variant ​

Use the variant prop to change the input theming according to your configured variants.

Highlight ​

Set the highlight prop to override the default border color with the variant color.

Highlight is automatically set to true if the feedback prop is populated. Set highlight to false to override feedback highlighting.

Label ​

Use the label, description and hint props to describe your input field.

You can also use slots for more freedom on label content. Please see the Slots section for information on slot variables.

Block ​

By default the input component is displayed as an inline element. By adding the block prop, the input field will span the whole container width.

Disabled ​

A disabled input field cannot be interacted with.

Readonly ​

Readonly differs from Disabled by still allowing selecting the text already present in the input field.

Feedback ​

Use the feedback prop to add validation or other form errors to your input field. The feedback prop controls the invalid attribute on the input element.

Type ​

You can use all native browser HTML5 input types. Default is text. Elements does not perform input validation for the selected type.

Component Reference ​