Button

<.button>
  Button
</.button>
<.button color="primary">
  Primary
</.button>
<.button color="secondary">
  Secondary
</.button>
<.button color="accent">
  Accent
</.button>
<.button color="info">
  Info
</.button>
<.button color="success">
  Success
</.button>
<.button color="warning">
  Warning
</.button>
<.button color="error">
  Error
</.button>
<.button color="neutral">
  Neutral
</.button>
<.button outline>
  Button
</.button>
<.button active>
  Active
</.button>
<.button disabled>
  Disabled
</.button>
<.button size="xs">
  Xs
</.button>
<.button size="sm">
  Sm
</.button>
<.button size="md">
  Md
</.button>
<.button size="lg">
  Lg
</.button>
<.button wide>
  Wide
</.button>
<.button shape="square">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
</.button>
<.button shape="circle">
  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /></svg>
</.button>
<.button>
  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /></svg>
  Button
</.button>
<.button>
  Button
  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" /></svg>
</.button>
<.button block>
  Button
</.button>
<.button shape="square">
  <span class="loading loading-spinner"></span>
</.button>
<.button shape="square">
  <span class="loading loading-spinner"></span>
  loading
</.button>
<.button class="no-animation">
  I don't have click animation
</.button>