mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-14 21:57:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
1b91f6f884
mdb-ui-kit/docs/material-design/menus.md

6.4 KiB
Raw Blame History

layout title group
docs Menus material-design

Contents

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

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

Styles

{% example html %}

more_vert An .mdb-btn-icon
Action Another action
more_vert An .mdb-btn-fab-sm
Action Another action
more_vert An .mdb-btn-fab
Action Another action
{% 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 %}