Textarea

New

Overview

Textarea component for multi-line text fields.

Message

Include the details needed to reproduce the issue.

HEEx

<div class="example-fields w-full">
  <Textarea.textarea
    id="example-message"
    name="message"
    label="Message"
    description="Include the details needed to reproduce the issue."
    placeholder="Describe what happened..."
  />
</div>

Errors

When bound with field, validation errors render beneath the textarea.

HEEx

<.form
  :let={form}
  for={to_form(%{"message" => ""}, errors: [message: {"can't be blank", []}])}
  id="example-textarea-errors-form"
  class="example-fields w-full"
>
  <Textarea.textarea
    field={form[:message]}
    label="Message"
    placeholder="Describe what happened..."
  />
</.form>

Add this module

terminal

mix dizzy.add textarea

Component API

Textarea.textarea

Attributes

Attributes for Textarea.textarea
Name	Type	Default	Values
`class`	`:any`	nil	—
`description`	`:string`	nil	—
`disabled`	`:boolean`	false	—
`errors`	`:list`	[]	—
`field`	`{:struct, Phoenix.HTML.FormField}`	nil	—
`id`	`:string`	nil	—
`label`	`:string`	nil	—
`name`	`:string`	nil	—
`required`	`:boolean`	false	—
`rest`	`:global`	nil	—
`rows`	`:integer`	4	—
`value`	`:any`	nil	—