<.dm_toggle_group id="toggle-single-default">
  <:item active={true}>Day</:item>
  <:item>Week</:item>
  <:item>Month</:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-single-with-icons">
  <:item active={true} icon="format-bold" icon_only={true}></:item>
  <:item icon="format-italic" icon_only={true}></:item>
  <:item icon="format-underline" icon_only={true}></:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-variants-segmented" variant="segmented">
  <:item active={true}>Segmented</:item>
  <:item>Style</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-variants-outlined" variant="outlined">
  <:item active={true}>Outlined</:item>
  <:item>Style</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-variants-filled" variant="filled">
  <:item active={true}>Filled</:item>
  <:item>Style</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-variants-chip" variant="chip">
  <:item active={true}>Chip</:item>
  <:item>Style</:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-colors-secondary" color="secondary" variant="filled">
  <:item active={true}>A</:item>
  <:item>B</:item>
  <:item>C</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-colors-tertiary" color="tertiary" variant="filled">
  <:item active={true}>A</:item>
  <:item>B</:item>
  <:item>C</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-colors-accent" color="accent" variant="filled">
  <:item active={true}>A</:item>
  <:item>B</:item>
  <:item>C</:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-sizes-small" size="sm">
  <:item active={true}>S</:item>
  <:item>M</:item>
  <:item>L</:item>
</.dm_toggle_group>
<.dm_toggle_group id="toggle-sizes-large" size="lg">
  <:item active={true}>Small</:item>
  <:item>Medium</:item>
  <:item>Large</:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-single-vertical" vertical>
  <:item active={true}>Top</:item>
  <:item>Middle</:item>
  <:item>Bottom</:item>
</.dm_toggle_group>

<.dm_toggle_group exclusive id="toggle-single-exclusive">
  <:item active={true}>Day</:item>
  <:item>Week</:item>
  <:item>Month</:item>
</.dm_toggle_group>

<.dm_toggle_group id="toggle-single-full-width" full variant="segmented">
  <:item active={true}>Left</:item>
  <:item>Center</:item>
  <:item>Right</:item>
</.dm_toggle_group>