--- layout: docs title: Menu description: Menus display a list of choices on a transient sheet of material. group: material toc: true --- Menus appear upon interaction with a action, button, or other control. They display a list of choices, with one choice per line. **Most of the details about menu have been covered in Bootstrap dropdowns documentation. Please refer to [this page]({{ site.baseurl }}/docs/{{ site.docs_version }}/components/dropdowns/) for more details.** ## Behaviour Add `.menu` to default `.dropdown-menu` to have the menu appear above its toggler. {% capture example %}
Action Another action Something else here
{% endcapture %} {% include example.html content=example %} ## Type Add an additional class `.dropdown-menu-sm` to an existing `.dropdown-menu` to achieve a more compact dropdown menu which is more suitable for desktop. {% capture example %}
Action Another action Something else here
{% endcapture %} {% include example.html content=example %} Add an additional class `.menu-cascading` to an existing `.dropdown-menu` to have a more compact dropdown menu appear above its toggler. {% capture example %}
Action Another action Something else here
{% endcapture %} {% include example.html content=example %}