### Dropdown

### Basic Examples

Metronic Dropdown component allows to build rubost dropdown menus:
Dropdown
Dropdowns can be toggled via click or hover by setting `m-dropdown-toggle="hover"` and `m-dropdown-toggle="click"`:
Dropdown - Hover
Dropdown - Click
Dropdowns can be shown persistent when toggled by click to avoid closing on mouse click on it`m-dropdown-persistent="1"`:
Dropdown - Persistent

### Dropdown API

Metronic Dropdown component allows to build rubost dropdown menus:
Dropdown 1
Dropdown 2
API console:

.............................

### Advance Examples

Dropdowns can be aligned to `left`, `center` and `right`:
Dropdown - Left
Dropdown - Right
Dropdown - Center
Dropdowns support `small`, `medium`, `large` and `huge` sizes:
Dropdown - Default
Dropdown - Small
Dropdown - Medium
Dropdown - Large
Dropdown - Huge
Apply `m-dropdown--up` to display dropdown in opposite mode:
Dropdown - Default
To display dropdowns without arrow just remove the arrow element from the HTML markup:
Dropdown - No arrow
Dropup - No arrow
Dropdowns can contain scrollable long contents:
Dropdown - Scrollable
Dropdowns can contain free content such as text, elements or components:
Dropdown - Free content
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took
Dropdown - Scrollable free content
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.