mdb-ui-kit/docs/material-design/buttons.md

layout	title	group
docs	Buttons	material-design

Contents

• Will be replaced with the ToC, excluding the "Contents" header {:toc}

Flat

{% example html %} Primary Secondary Success Info Warning Danger Link btn only .active {% endexample %}

Disabled

{% example html %}

btn only Primary Secondary Success Info Warning Danger Link {% endexample %}

Raised

{% example html %} Primary Secondary Success Info Warning Danger Link .active {% endexample %}

Disabled

{% example html %}

Secondary Success Primary Info Warning Danger Link {% endexample %}

Sizes

{% example html %} Large button Default button Small button {% endexample %}

Floating Action

{% example html %} grade grade grade grade grade grade grade {% endexample %}

Disabled

{% example html %}

grade grade grade grade grade grade {% endexample %}

Sizes

Using mdb-btn-fab-sm on the button, or using btn-group-sm on the enclosing element of a mdb-btn-fab renders a small variation.

{% example html %} grade grade grade grade {% endexample %}

Icon

{% example html %} grade grade grade grade grade grade grade {% endexample %}

Disabled

{% example html %}

grade grade grade grade grade grade {% endexample %}

Sizes

Using mdb-btn-icon-sm on the button, or using btn-group-sm on the enclosing element of a mdb-btn-icon renders a small variation.

{% example html %} grade grade grade {% endexample %}