Textarea
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea name="message" placeholder="Write a message.." label="Textarea" />
Props
| Prop | Type | Default |
|---|---|---|
| label | ComponentProps<typeof Label>['text'] | - |
| size | 'sm' | 'md' | 'lg' | - |
| color | 'base' | 'brand' | - |
| contrast | boolean | - |
| theme | 'light' | 'dark' | - |
| HTML Attributes | textarea | - |
Examples
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea size="sm" name="message" placeholder="name" />
<Textarea size="md" name="message" placeholder="name" />
<Textarea size="lg" name="message" placeholder="name" />
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea label="Message" name="message" placeholder="name" />
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea label="Message" name="message" placeholder="name" />
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea color="base" name="message" placeholder="name" />
<Textarea color="brand" name="message" placeholder="name" />