Textarea <ETextarea> ​

The Textarea component represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text.

Variant ​

Use the variant prop to change the element 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.

Labels ​

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

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 textarea component is displayed as an inline element. By adding the block prop, the input will span the whole container width.

Disabled ​

A disabled textarea field cannot be interacted with.

Readonly ​

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

Resize ​

Use the resize prop to allow or disallow resizing the textarea. Allowed values are horizontal, vertical, none or both.

If the resize property is omitted, most browsers allow resizing of the textarea.

Feedback ​

Use the feedback slot to add validation or other form errors to your textarea field. Elements provides variants for error and success feedback types.

Component Reference ​