GroupCollect 1.3.142

Simple Form

Renders a form component

Go back

Form with fieldsets

Fieldset 1
Fieldset 2
Fieldset 3
Attribute Type Documentation Default Value
Required for * :any

The data structure for the form.
as :any

The server side parameter to collect all input under.
title :string

The title of the form.
custom_labels :map

Map of custom label names for error summary
%{}
changeset_label_fn :any

Function to extract a label from nested changesets for display.
actions_layout :string

The layout for actions.
"stacking_cluster"
skip_errors :boolean

Allows to skip error summary
false
rest :global

The arbitrary HTML attributes to apply to the form tag
Required inner_block * :slot
back_button :slot

Slot for back button.

 
<:back_button><.a href="/">Go back</.a></:back_button>

<:fieldset legend="Fieldset 1">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 2">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 3" hide_legend>
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:actions>
  <.button primary>Submit</.button>
  <.button secondary>Cancel</.button>
</:actions>
description :slot

Slot for form description.
actions :slot

Slot for form actions.

 
<:back_button><.a href="/">Go back</.a></:back_button>

<:fieldset legend="Fieldset 1">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 2">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 3" hide_legend>
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:actions>
  <.button primary>Submit</.button>
  <.button secondary>Cancel</.button>
</:actions>
fieldset :slot

Slot for fieldsets.

 
<:back_button><.a href="/">Go back</.a></:back_button>

<:fieldset legend="Fieldset 1">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 2">
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:fieldset legend="Fieldset 3" hide_legend>
  <.input id="user_name" name="name" value="Ops User" label="Name" />
  <.input id="user_email" name="email" value="ops@groupcollect.com" label="Email" />
</:fieldset>

<:actions>
  <.button primary>Submit</.button>
  <.button secondary>Cancel</.button>
</:actions>
hide_legend :slot
Show slot attributes Hide slot attributes
legend :string

Fieldset title (legend)