Form

New

Overview

A wrapper around Phoenix.Component.form, with a little bit of styling and a requirement for id.

HEEx

<Form.form
  for={@project_form}
  id="example-project-form"
  class="example-fields mx-auto w-full max-w-92.5"
>
  <Input.input field={@project_form[:name]} label="Project name" placeholder="New website" />
  <Textarea.textarea
    field={@project_form[:description]}
    label="Description"
    placeholder="Describe the project..."
  />
  <Button.button type={:submit}>Create project</Button.button>
</Form.form>

Add this module

terminal

mix dizzy.add form

Component API

Form.form

Attributes

Attributes for Form.form
Name	Type	Default	Values
`action`	`:string`	nil	—
`as`	`:atom`	nil	—
`class`	`:any`	nil	—
`csrf_token`	`:any`	nil	—
`errors`	`:list`	nil	—
`for`	`:any`	Required	—
`id`	`:string`	Required	—
`method`	`:string`	nil	—
`multipart`	`:boolean`	false	—
`rest`	`:global`	nil	—

Slots

Slots for Form.form
Name	Required	Attributes
`inner_block`	Required	—