# Buttons

Basic Buttons

The most basic buttons without any icons or properties

###### Outline buttons

###### Fixed width

Add class `.btn-fix` for the minimum fixed width

Size Options

Add `.btn-lg`, `.btn-sm`, or `.btn-xs` for additional sizes.

Create block level buttons—those that span the full width of a parent—by adding `.btn-block` .

Rounded, Circle Buttons

add `.btn-rounded` for the rounded buttons

add `.btn-circle` for the circle buttons

Button states

###### Disabled and Active states

###### Toggle states

###### Checkbox

Option 1 Option 2 Option 3
Option 1 Option 2 Option 3

###### Radio

Option 1 Option 2 Option 3
Male Female N/A
Grouped Buttons

###### Button toolbar

###### Vertical variants

###### Button group sizing

Button dropdowns