---
title: Primary button
componentid: component-buttons-standard
variantid: primary
guid: 'button-guid-used-for-testing-dont-change'
---
# Primary button
Some developer information about the primary button

## States
We have two version of this button. One is the _base_ state and the other is the _disabled_ state.

:::componentpreview
## Base state
```html
<button class="button button-primary">Base Button text</button>
```

### Disabled state
```html
<button class="button button-primary" disabled>Disabled Button</button>
```
:::