# Buttons ## Example ```svelte

Primary

Secondary

Link

Icons

Colors

``` ## Documentation ## Usage ```svelte ``` ## API Reference ### Button A clickable button element. Renders as an anchor tag when href is provided. | Prop | Type | Default | Description | |------|------|---------|-------------| | variant | `'primary' | 'secondary' | 'link' | 'ghost' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose'` | `'primary'` | The visual variant of the button. | | size | `'default' | 'sm' | 'lg' | 'icon' | 'iconSm' | 'iconLg'` | `'default'` | The size of the button. | | href | `string` | `-` | When provided, the button renders as an anchor element () instead of a