Dropdowns

Toggleable, contextual menu for displaying lists of links.

Basic

Wrap the dropdown's trigger and the dropdown menu within .dropdown.

States

Use predefined states to highlight items.

Icons

You can use any icons from all packages.

Header

Add header to group items in dropdown.

Header With Icons

Use icons to make it more understandable.

Header Highlight

Add class .highlight to highlight header.

Checkbox

You can use checkboxes in dropdowns.

Radio

You can use radio buttons in dropdowns.

Dropup

Change to expand upwards by adding .dropup to the parent.

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings