Skip to content

Textarea ​

<x-textarea> is the standard multi-line text field, with an optional label and hint. It can auto-grow its height as the user types.

Usage ​

blade
<x-textarea name="body" :title="__('Body')" :value="$post?->body" />

It shares the common form-field attributes (name, title, value, hint, validation). Any other HTML attribute you pass (placeholder, rows, wire:model, …) falls through to the underlying <textarea>.

Options ​

  • title — label shown above the field.
  • hint — helper text shown below the field.
  • value — initial content.
  • autosize — grow the field's height automatically as content is added.
  • id — element id; auto-generated when omitted.

Examples ​

Field with custom rows ​

blade
<x-textarea name="excerpt" :title="__('Excerpt')" :value="$post?->excerpt" rows="3" />

Auto-growing, required field ​

blade
<x-textarea
    name="body"
    :title="__('Body')"
    :hint="__('Write the post content')"
    :autosize="true"
    validation="required|max:500"
    rows="4"
/>

Proprietary — for use within the Redot Dashboard. Product site: redot.dev