TextArea

Type text on several lines with the textarea component.

Biography

Tell us more about you

<x-textarea title="Biography" helper="Tell us more about you"/>

#Styling

Use the color attribute to style the text area.

Default

Neutral

Primary

Secondary

Accent

Info

Success

Warning

Error

<x-textarea title="Default"/>
<x-textarea title="Neutral"   color="neutral"/>
<x-textarea title="Primary"   color="primary"/>
<x-textarea title="Secondary" color="secondary"/>
<x-textarea title="Accent"    color="accent"/>
<x-textarea title="Info"      color="info"/>
<x-textarea title="Success"   color="success"/>
<x-textarea title="Warning"   color="warning"/>
<x-textarea title="Error"     color="error"/>

#Sizes

Extra-large

Large

Medium

Small

Tiny

<x-textarea title="Extra-large" size="xl">Text</x-textarea>
<x-textarea title="Large"       size="lg">Text</x-textarea>
<x-textarea title="Medium"      size="md">Text</x-textarea>
<x-textarea title="Small"       size="sm">Text</x-textarea>
<x-textarea title="Tiny"        size="xs">Text</x-textarea>