Shadix

Textarea

A multi-line text input that auto-sizes to its content.

<.textarea></.textarea>

Examples

Default

A basic textarea with a placeholder.

<.textarea placeholder="Write something..." aria-label="Message" />

States

Textarea with initial content and a disabled variant.

<div class="flex flex-col gap-4 w-full max-w-sm">
  <.textarea aria-label="Notes">This textarea already has some content.</.textarea>
  <.textarea placeholder="Disabled" disabled aria-label="Disabled message" />
</div>

Props

Name Type Default Values
class :string
rest :global
inner_block (slot) :slot