Buttons

Button tag

Use the <btn> elements.

btn
<btn>btn</btn>

Options

Use any of the available button option to quickly create a styled button.

Default Primary Success Info Warning Danger Link
<btn>Default</btn>
<btn option="primary">Primary</btn>
<btn option="success">Success</btn>
<btn option="info">Info</btn>
<btn option="warning">Warning</btn>
<btn option="danger">Danger</btn>
<btn option="link">Link</btn>

Sizes

Fancy larger or smaller buttons? Set the size attributes for additional sizes: lg, sm, or xs

Large button Large button

Default button Default button

Small button Small button

Extra small button Extra small button

<btn option="primary" size="lg">Large button</btn>
<btn size="lg">Large button</btn>

<btn option="primary">Default button</btn>
<btn>Default button</btn>

<btn option="primary" size="sm">Small button</btn>
<btn size="sm">Small button</btn>

<btn option="primary" size="xs">Extra small button</btn>
<btn size="xs">Extra small button</btn>