Textarea shapes

Textareas can have different shapes. Use the shape prop to change the shape of the textarea component.

Default shape of all <BaseTextarea> can be set in your .app/app.config.ts.
Show code

Floating label

Textareas can have floating labels. Use the label-float prop to enable the floating label.

Show code

Textarea condensed

Textareas can be shown smaller. Use the size prop with the sm value to make them smaller.

Show code

Textarea focus

Textareas can have a primary colored focus. Use the color-focus prop to enable the colored focus.

Show code

Loading state

Textareas can be shown in a loading state. Use the loading prop to enable the loading state.

Show code

Disabled state

Textareas can be shown disabled. Use the disabled prop to disable the textarea.

Show code

Error state

Textareas can be shown in an error state. Use the error prop to show the error and the error message.

Please fill up the message
Show code

Custom addons

Textareas can have custom addons. Use the addon slot to add your own custom addons.

Maya

Show code
This component has no props