Dropdown

Menus display a list of choices on a transient sheet of material.

Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.

Menu items may be disabled if not applicable to a certain context. Contextual menus dynamically change their available menu items based on the current state of the app.

Fixed Dropdown

Whenever your dropdown is in a container with overflow hidden / scroll, you may need a dropdown with a fixed position. You can simply add a class fixed to your dropdown in this case.

Outside Fixed Dropdown

Sometimes you may need it to be outside positioned instead of overlayed. By adding the class ".outside" you're able to set the position to outside.

Avatarlist DropDown Example

Icon DropDown Example