Textarea

Multi line text input field supporting auto resize, custom row count, labels, and error states.

Component Syntax

blade

<x-aura::textarea wire:model="bio" :rows="4" label="Biography" placeholder="Tell us about yourself..." />

1. Textarea with Label and Hint

blade

Public Biography

Brief description for your team profile card. Max 300 characters.

<x-aura::textarea
    wire:model="bio"
    :rows="4"
    label="Public Biography"
    hint="Brief description for your team profile card. Max 300 characters."
    placeholder="Tell us about yourself..."
/>

2. Row Height Variations

blade

Quick Comment (rows=2)

Release Notes Markdown (rows=6)

<x-aura::textarea :rows="2" label="Quick Comment (rows=2)" placeholder="Leave a short note..." />
<x-aura::textarea :rows="6" label="Release Notes (rows=6)" placeholder="Paste detailed changelog..." />

3. Required and Error Validation States

blade

Incident Summary

Mandatory post mortem analysis documentation.

Special Instructions

This field cannot exceed 500 characters.

<x-aura::textarea
    :required="true"
    label="Incident Summary"
    hint="Mandatory post mortem documentation."
    placeholder="Describe root cause..."
/>

<x-aura::textarea
    label="Special Instructions"
    :invalid="true"
    error="This field cannot exceed 500 characters."
/>

Component Props

Available properties and configurations for the textarea component.

Prop	Default	Available Values
rows	3	Positive integer (e.g. 2, 4, 6)
label	null	Label string
required	false	true false

Aura Wire

Component Library

Textarea

Component Syntax

1. Textarea with Label and Hint

2. Row Height Variations

3. Required and Error Validation States

Component Props

Input

Rich Text

Aura Wire