09-00-dropdowns

Single button [button]

Action Another action Something else here

Single button [<a> element]

Action Another action Something else here

Single button [with any button variant]

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Split button

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Sizing

Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link

Directions Dropup

Action Another action Something else here
Action Another action Something else here

Directions Dropright

Action Another action Something else here
Action Another action Something else here

Directions Dropleft

Action Another action Something else here
Action Another action Something else here

Menu items with <button> elements

Non-interactive dropdown items

Dropdown item text Action Another action Something else here

Style item as active

Regular link Active link Another link

Style item as disabled

Regular link Disabled link Another link

Menu alignment

Responsive alignment

Menu content - Headers

Dropdown header
Action Another action

Menu content - Dividers

Action Another action Something else here
Separated link

Menu content - Text

Some example text that's free-flowing within the dropdown menu.

And this is more example text.

Separated link

Menu content - Forms 1

New around here? Sign up Forgot password?

Menu content - Forms 2

Dropdown options

Use data-offset or data-reference to change the location of the dropdown.

Action Another action Something else here
Action Another action Something else here
Separated link
Action Another action Something else here
Action Another action Something else here
Separated link

EoF