Textarea

Use textarea when you need a multi-line text field with the same visual language as the rest of PUI's form controls.

Import

use PUI
# or
import PUI.Input

Basic Usage

<.textarea
  id="bio"
  name="bio"
  label="Biography"
  placeholder="Tell us about yourself..."
  rows="4"
/>

Adjusting Height

Use the standard rows attribute to control the visible height.

<.textarea id="summary" name="summary" label="Summary" rows="3" />
<.textarea id="feedback" name="feedback" label="Feedback" rows="6" />

Form Integration

textarea supports Phoenix form fields via the field attribute:

<.form for={@form} phx-change="validate" phx-submit="save">
  <.textarea field={@form[:notes]} label="Notes" rows="5" />
  <.button type="submit">Save</.button>
</.form>

Validation errors appear automatically for used form fields, or you can provide them manually:

<.textarea
  id="notes"
  name="notes"
  label="Notes"
  errors={["Please add a short note."]}
/>

API Reference

Attributes