Textarea
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea name="message" placeholder="Write a message.." label="Textarea" />
Props
| Prop | Type | Default |
|---|---|---|
| radius | 'none' | 'auto' | auto |
| color | 'base' | 'brand' | - |
| variant | 'outline' | outline |
| label | string | - |
| as | HTMLTag | textarea |
| HTML Attributes | Polymorphic<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" />
---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---
<Textarea radius="none" name="message" placeholder="name" />
<Textarea radius="auto" name="message" placeholder="name" />