> ## Documentation Index
> Fetch the complete documentation index at: https://docs.larafast.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Buttons

> import Plans from @/Components/Buttons.vue;

For buttons use

```html theme={null}
<button class="btn">Button</button>
```

Buttons with brand colors

```html theme={null}
<button class="btn">Button</button>
<button class="btn btn-neutral">Neutral</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-accent">Accent</button>
<button class="btn btn-ghost">Ghost</button>
<button class="btn btn-link">Link</button>
```

Buttons with state colors

```html theme={null}
<button class="btn btn-info">Info</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-error">Error</button>
```

<Tip>
  For more buttons examples check [https://daisyui.com/components/button/](https://daisyui.com/components/button/)
</Tip>