Back to site

Textarea

Form field for entering multi-line text.

---
import Textarea from "@forms/textarea/Textarea.astro";
---

<Textarea label="Message" name="message" placeholder="Enter your message here..." />
---
blocks:
  _component: building-blocks/forms/textarea
  label: Message
  name: message
  placeholder: Enter your message here...
---

Overview

A form field for entering multi-line text. Supports label, name, placeholder, default value, and required state. Ideal for comments, messages, or longer input fields.

Properties

label string | default: My textarea

name string | default: my_textarea

required string | default: false

placeholder string

value string

Examples

Required

---
import Textarea from "@forms/textarea/Textarea.astro";
---

<Textarea label="Comments" name="comments" placeholder="Please provide your comments..." required />
---
blocks:
  _component: building-blocks/forms/textarea
  label: Comments
  name: comments
  placeholder: Please provide your comments...
  required: true
---