Form components used for inputting data directly from the keyboard, on multiple lines.

Textareas are the form controls used for inputting multiple lines. Inkline provides you with simple solutions for all the scenarios you will encounter when creating textarea forms.

Disabled State

Setting the disabled property will disable all interactions with the textarea component.

Readonly State

Setting the readonly property will disable all interactions with the textarea component, except being able to focus the textarea.

Clearable Variant

If you need to be able to quickly clear the value of an textarea, you can add the clearable property to the textarea component.

Prefix and Suffix

Inkline allows you to easily add a prefix or suffix to your textareas. Using prefixes and suffixes you can, for example, indicate the textarea type using an icon or text.

Prepend and Append

You can add additional content such as select fields, buttons or plain text, to either side of the textarea by using the prepend and append slots.

Color Variants

You can use the color property to set a light or dark color for your textareas.

Size Variants

You're able to use the size modifier to control the size of your textareas, using one of the available sizes: sm, md, and lg. The default size is set to md.




Design Tokens