{% set title = 'Button' %} {% set filename = 'component-button.html' %} {% extends 'src/layouts/master.html' %} {% block content %}

### Button

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

#### Basic Buttons

###### Default

Use the `.btn .btn-{color}` classes.

Primary Secondary Info Warning Danger Success Light Dark

###### Rounded

Use a class `.rounded-pill` with `.btn` class to create round button.

Primary Secondary Info Warning Danger Success Light Dark

#### Buttons `.btn-outline`

Use the `.btn .btn-outline-{color}` classes.

Primary Secondary Info Warning Danger Success Light Dark

#### Button Sizes

Use the `.btn-lg` or `.btn-sm` classes.

Small Normal Large
Small Normal Large

#### Button States

Use the `.disabled` or `.btn-progress` classes.

Normal Disabled Progress

#### Icon Button

Use the `.icon` and `.icon-left` classes.

Default Primary Secondary Info Warning Danger Success Light Dark

#### Only Icon Button

Use the `.icon` class.

Sizes.

#### Button Group

#### Vertical Variation

{% endblock %}