Button

Flexible, accessible, and styled action trigger you can use for just about anything — forms, dialogs, navigation, or custom interactions.

<Button size="sm">Small</Button>
<Button>Medium</Button>
<Button size="lg">Large</Button>
<Button size="xl">Extra large</Button>
<Button disabled>Disabled</Button>
<Button variant="secondary">Secondary</Button>
<Button disabled variant="secondary">Disabled</Button>
<Button aria-label="Check" size="sm" square variant="secondary">
  <Icon src={Check} class="w-5 h-5 stroke-[2.25]" />
</Button>