<.button_group size="small">
  <.button_group_item label="First" />
  <.button_group_item label="Second" />
  <.button_group_item label="Third" />
</.button_group>
<.button_group size="medium">
  <.button_group_item label="First" />
  <.button_group_item label="Second" />
  <.button_group_item label="Third" />
</.button_group>
<.button_group size="large">
  <.button_group_item label="First" />
  <.button_group_item label="Second" />
  <.button_group_item label="Third" />
</.button_group>

<.button_group size="medium">
  <.button_group_item label="Previous">
    <:icon_left><.chevron_left /></:icon_left>
  </.button_group_item>
  <.button_group_item label="Both">
    <:icon_left><.chevron_left /></:icon_left>
    <:icon_right><.chevron_right /></:icon_right>
  </.button_group_item>
  <.button_group_item label="Next">
    <:icon_right><.chevron_right /></:icon_right>
  </.button_group_item>
</.button_group>
<.button_group size="medium">
  <.button_group_item icon_only>
    <.chevron_left />
  </.button_group_item>
  <.button_group_item icon_only>
    <.chevron_right />
  </.button_group_item>
</.button_group>
<.button_group size="medium">
  <.button_group_item icon_only>
    <.chevron_left />
  </.button_group_item>
  <.button_group_item label="Page 1" />
  <.button_group_item label="Page 2" />
  <.button_group_item icon_only>
    <.chevron_right />
  </.button_group_item>
</.button_group>

<.button_group size="medium">
  <.button_group_item label="Available" />
  <.button_group_item label="Disabled" disabled />
  <.button_group_item label="Available" />
</.button_group>
<.button_group size="medium">
  <.button_group_item label="First" disabled />
  <.button_group_item label="Second" disabled />
  <.button_group_item label="Third" disabled />
</.button_group>

<.button_group size="medium">
  <.button_group_item icon_only>
    <.chevron_left />
  </.button_group_item>
  <.button_group_item label="1" />
  <.button_group_item label="2" />
  <.button_group_item label="3" />
  <.button_group_item icon_only>
    <.chevron_right />
  </.button_group_item>
</.button_group>
<.button_group size="small">
  <.button_group_item label="List" />
  <.button_group_item label="Grid" />
  <.button_group_item label="Card" />
</.button_group>