<.button>
  Button
</.button>

<.button outline>
  Button
</.button>

<.button icon="magnifying-glass" outline/>

<.button color="danger">
  Button
</.button>

<.button disabled="true">
  Button
</.button>

<.button name="btn-name" type="submit">
  Button
</.button>

<.button icon="academic-cap">
  Button
</.button>

<.button icon="academic-cap" icon_position="left">
  Button
</.button>

<.button>
  <.icon name="academic-cap" /> Button
</.button>

<.button class="text-white bg-bd-blue-700 focus:ring-bd-blue-400 font-extrabold hover:bg-bdblue-800">
  Button
</.button>

<.button size="xs">
  Button
</.button>

<.button size="sm">
  Button
</.button>

<.button size="lg">
  Button
</.button>

<.button size="xl">
  Button
</.button>

<.button icon="back" icon_position="left" size="xs">
  Button
</.button>

<.button icon="back" icon_position="left" size="xl">
  Button
</.button>

<.button icon="back" icon_position="left" outline size="xs">
  Button
</.button>

<.button icon="moon" outline size="xs"/>

<.button icon="sun" outline size="sm"/>

<.button icon="paper-airplane" outline size="lg"/>

<.button icon="paper-clip" outline size="xl"/>

<.button color="outline">
  Button
</.button>