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

layout	title	group
docs	Menus	material-design

Bootstrap users know these as [dropdowns]({{ site.baseurl }}/components/dropdowns/), but these are also known as menus in the Material Design specification.

Contents

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

Styles

{% example html %}

more_vert An .bmd-btn-icon with menu buttons

Action Another action Another action

more_vert An .bmd-btn-icon with menu links

Regular link Disabled link Another link

more_vert An .bmd-btn-fab-sm

Action Another action

more_vert An .bmd-btn-fab

Action Another action

Dropdown

Action Another action Something else here

{% endexample %}

Alignment

Lower left side

{% example html %}

more_vert

Action Another action Disabled action

Separated link

{% endexample %}

Lower right side

{% example html %}

more_vert

Action Another action Disabled action

Separated link

{% endexample %}

Top left side

{% example html %}

more_vert

Action Another action Disabled action

Separated link

{% endexample %}

Top right side

{% example html %}

more_vert

Action Another action Disabled action

Separated link

{% endexample %}

Widths

Minimum width

{% example html %}

more_vert

A B

{% endexample %}

Maximum width

{% example html %}

more_vert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut malesuada elit. Proin tristique, lorem eu vehicula congue, lectus ipsum porta quam, eget rutrum sapien turpis et libero. Another action

{% endexample %}