Anatomy

    <.toggle_group class="toggle-group">
  <:item value="lorem">Lorem</:item>
  <:item value="duis">Duis</:item>
  <:item value="donec">Donec</:item>
</.toggle_group>

  

    <.toggle_group class="toggle-group">
  <:item value="bold">
    <.heroicon name="hero-bold" />
    Bold
  </:item>
</.toggle_group>

<.toggle_group class="toggle-group">
  <:item value="bold" aria_label="Bold">
    <.heroicon name="hero-bold" />
    <span class="sr-only">Bold</span>
  </:item>
</.toggle_group>