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" />