Basic
A multi-line field matching the input styling.
<div class="grid w-full max-w-md justify-center gap-4">
<x-components.textarea label="Message" placeholder="Write your message…" />
</div>
x-textarea
A multi-line text field with an optional label and automatic validation errors. Matches the input component's styling. Works with wire:model.
A multi-line field matching the input styling.
<div class="grid w-full max-w-md justify-center gap-4">
<x-components.textarea label="Message" placeholder="Write your message…" />
</div>
| Prop | Type | Default | Description |
|---|---|---|---|
label
|
text |
—
|
Optional label rendered above the field. |
rows
|
text |
4
|
Initial visible number of text rows. |
| Slot | Description |
|---|---|
slot
|
Initial textarea content (rendered inside the <textarea> tag). |
`components:add textarea` pulls these in automatically.