<.button label="Primary" variant="primary"/>
<.button label="Secondary" variant="secondary"/>
<.button label="Destructive" variant="destructive"/>

<.button label="Large" size="large"/>
<.button label="Medium" size="medium"/>
<.button label="Small" size="small"/>

<.button disabled label="Disabled" variant="primary"/>
<.button disabled label="Disabled" variant="secondary"/>
<.button disabled label="Disabled" variant="destructive"/>

<.button label="Icon" icon_position="left">
  <:icon_left><.chevron_left /></:icon_left>
</.button>
<.button label="Icon" icon_position="right">
  <:icon_right><.chevron_right /></:icon_right>
</.button>
<.button label="Icon" icon_position="both">
  <:icon_left><.chevron_left /></:icon_left>
  <:icon_right><.chevron_right /></:icon_right>
</.button>
<.button icon_only>
  <.chevron_left />
</.button>