Fulldev UI

Docs Components Blocks Showcase

Textarea

---
import Textarea from 'fulldev-ui/components/Textarea.astro'
---

<Textarea name="message" placeholder="Write a message.." label="Textarea" />

Props

PropTypeDefault
radius'none' | 'auto'auto
color'base' | 'brand'-
variant'outline'outline
labelstring-
asHTMLTagtextarea
HTML AttributesPolymorphic<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" />