FieldFamily.field_group

`FieldFamily.field_group`

Server-rendered

Stacks related fields with consistent spacing.

Use field_group/1 inside field_set/1 for semantic form sections, or on its own when a form needs a low-level layout wrapper without extra behavior.

Field family

Notification preferences

Choose how Cinder UI should notify your team.

Deployments

Release and rollback notifications.

Weekly summary

Send a digest every Monday morning.

  <.field_set>
  <.field_legend>Notification preferences</.field_legend>
  <.field_description>Choose how Cinder UI should notify your team.</.field_description>

  <.field_group>
    <.field>
      <:label for="deployments">Deployments</:label>
      <.input id="deployments" name="notifications[deployments]" value="email" />
      <:description>Release and rollback notifications.</:description>
    </.field>

    <.field_separator />

    <.field_control class="flex items-start gap-3">
      <.checkbox id="weekly-summary" name="notifications[weekly_summary]" />
      <.field_content>
        <.field_label>
          <.label for="weekly-summary">Weekly summary</.label>
        </.field_label>
        <.field_description>Send a digest every Monday morning.</.field_description>
      </.field_content>
    </.field_control>
  </.field_group>
</.field_set>

Field group with separator

Response emails

Tasks

Task emails

  <.field_group>
  <.field>
    <:label for="response_email">Response emails</:label>
    <.input id="response_email" name="notifications[responses]" />
  </.field>

  <.field_separator>Tasks</.field_separator>

  <.field>
    <:label for="task_email">Task emails</:label>
    <.input id="task_email" name="notifications[tasks]" />
  </.field>
</.field_group>

Attributes

Name	Type	Default	Values	Global Includes
`class`	`:string`	—	—	—
`rest`	`:global`	—	—	—

Slots

Slot	Slot Attributes
`inner_block` Required	—