Renders a toggle group container.

Examples

<.toggle_group phx-change="update_view">
  <.toggle_item name="view" value="list">List</.toggle_item>
  <.toggle_item name="view" value="grid">Grid</.toggle_item>
</.toggle_group>

Attributes

• class (:string) - Defaults to nil.
• Global attributes are accepted.

Slots

• inner_block (required)

Renders a toggle item within a toggle group.

This component uses radio inputs for semantic correctness and accessibility.

Examples

<.toggle_item name="option1" value="option1">Option 1</.toggle_item>
<.toggle_item name="option2" value="option2" icon="tabler-grid">Grid View</.toggle_item>

Attributes

• value (:string) (required)
• name (:string) (required)
• checked (:boolean) - Defaults to false.
• icon (:string) - Defaults to nil.
• class (:string) - Defaults to nil.

Slots

• inner_block (required)