ui/docs/content/3.forms/2.textarea.md

github, description

github	description
true	Display a textarea field.

Usage

::component-card

baseProps: name: 'textarea'

::

Style

Use the color and variant props to change the visual style of the Textarea.

::component-card

baseProps: name: 'textarea' placeholder: 'Search...' props: color: 'primary' variant: 'outline'

::

Besides all the colors from the ui.colors object, you can also use the white (default) and gray colors with their pre-defined variants.

White

::component-card

baseProps: name: 'textarea' placeholder: 'Search...' props: color: 'white' variant: 'outline' excludedProps:

• color

---

::

Gray

::component-card

baseProps: name: 'textarea' placeholder: 'Search...' props: color: 'gray' variant: 'outline' excludedProps:

• color

---

::

Size

Use the size prop to change the size of the Textarea.

::component-card

baseProps: name: 'textarea' props: size: 'sm'

::

Placeholder

Use the placeholder prop to set a placeholder text.

::component-card

baseProps: name: 'textarea' props: placeholder: 'Search...'

::

Disabled

Use the disabled prop to disable the Textarea.

::component-card

baseProps: name: 'input' placeholder: 'Search...' props: disabled: true

::

Props

:component-props

Preset

:component-preset