mdb-ui-kit/docs/4.0/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 bmd-btn-fab-sm on the button, or using btn-group-sm on the enclosing element of a bmd-btn-fab renders a small variation.

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

Icon

{% example html %} more_vert more_vert more_vert more_vert more_vert more_vert more_vert {% endexample %}

Disabled

{% example html %}

more_vert more_vert more_vert more_vert more_vert more_vert {% endexample %}

Sizes

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

{% example html %} more_vert more_vert more_vert {% endexample %}