Button

---
import Button from '{{ aliases.components }}/Button.astro'
---

<Button intent="primary">Click Me</Button>

<!--  With icon  -->
<Button variant="outlined" intent="danger">
  <svg class="h-5 w-5" fill="currentColor" viewBox="0 -0.5 17 17">
    <path
      d="M9.016,0.06 C4.616,0.06 1.047,3.629 1.047,8.029 C1.047,12.429 4.615,15.998 9.016,15.998 C13.418,15.998 16.985,12.429 16.985,8.029 C16.985,3.629 13.418,0.06 9.016,0.06 L9.016,0.06 Z M3.049,8.028 C3.049,4.739 5.726,2.062 9.016,2.062 C10.37,2.062 11.616,2.52 12.618,3.283 L4.271,11.631 C3.508,10.629 3.049,9.381 3.049,8.028 L3.049,8.028 Z M9.016,13.994 C7.731,13.994 6.544,13.583 5.569,12.889 L13.878,4.58 C14.571,5.555 14.982,6.743 14.982,8.028 C14.981,11.317 12.306,13.994 9.016,13.994 L9.016,13.994 Z"
    ></path>
  </svg>
  No thanx
</Button>

npx ui-gen add Button

Properties

`intent`

type: string

options: primary, secondary, success, warning, danger, info, ghost

default: ghost

`size`

type: string

options: small, medium, large

default: medium

`roundness`

type: string

options: small, medium, large

default: medium