Basic Examples

Dropdowns can be toggled via click or hover by setting m-dropdown-toggle="hover" and m-dropdown-toggle="click":
Dropdowns can be shown persistent when toggled by click to avoid closing on mouse click on itm-dropdown-persistent="1":

Dropdown API

Metronic Dropdown component allows to build rubost dropdown menus:

Advance Examples

Apply m-dropdown--up to display dropdown in opposite mode:
To display dropdowns without arrow just remove the arrow element from the HTML markup:
Dropdowns can contain free content such as text, elements or components:
Megan wrote
Hi Bob. What time will be the meeting ?
Hi Megan. It's at 2.30PM
Megan wrote
Will the development team be joining ?
Yes sure. I invited them as well
2:30PM
Megan wrote
Noted. For the Coca-Cola Mobile App project as well ?
Yes, sure.
Please also prepare the quotation for the Loop CRM project as well.
3:15PM
M
Megan wrote
Noted. I will prepare it.
Thanks Megan. I will see you later.
Megan wrote
Sure. See you in the meeting soon.
General Settings
Email Notifications
Site Tracking
SMS Alerts
Backup Storage
Audit Logs
System Settings
System Logs
Error Reporting
Applications Logs
Backup Servers
Audit Logs