Skip to content

Textarea

A native, styled textarea element.


---
import { Textarea } from 'fulldev-ui'
---
<Textarea name="message" placeholder="Message" />

Props

size

Type: size?: 'sm' | 'md' | 'lg'

Sets the size for this component and all its children.

---
import { Textarea } from 'fulldev-ui'
---
<Textarea size="sm" name="message" placeholder="name" />
<Textarea size="md" name="message" placeholder="name" />
<Textarea size="lg" name="message" placeholder="name" />

density

Type: density?: 'base' | 'compact' | string

Changes the underlying values used by the size prop, for this component and all its children.

For example, we set compact on a card and can now size this and all children automatically based on the size on the wrapping block/section.

Choose a predefined density, or a custom value defined like explained in the theming guide.

---
import { Textarea } from 'fulldev-ui'
---
<Textarea density="compact" size="sm" name="message" placeholder="name" />
<Textarea density="compact" size="md" name="message" placeholder="name" />
<Textarea density="compact" size="lg" name="message" placeholder="name" />

theme

Type: theme?: 'light' | 'dark' | string

Changes the colors for this component and all its children.

Choose a predefined theme, or a custom value defined like explained in the theming guide.

HTML Attributes

All regular HTML attributes for the textarea element are accepted as props too.