{% 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.


Rounded

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

Buttons .btn-outline

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

Button Sizes

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

Button States

Use the .disabled or .btn-progress classes.

Icon Button

Only Icon Button

Use the .icon class.

Sizes.

Button Group

Vertical Variation

{% endblock %}