Textarea

<.textarea placeholder="Enter your message..." />

Custom Rows

Control the initial height with the rows attribute.

<.textarea placeholder="2 rows" rows={2} />
<.textarea placeholder="5 rows" rows={5} />

Disabled

Use the disabled attribute to prevent interaction.

<.textarea placeholder="Cannot edit..." disabled />

With Form

The textarea integrates with Phoenix forms using the field attribute.

<.form for={@form} phx-submit="save">
  <.textarea field={@form[:bio]} placeholder="Tell us about yourself..." rows={4} />
  <.button type="submit">Save</.button>
</.form>