Dropdown

New

Dropdowns are lightweight context menus for housing navigation and actions. They're great for instances where you don't need the full power (and code) of the select menu.

Basic examples

Dropdowns should be trigged by a <button>. Each dropdown menu requires a directional class, much like our tooltips.

Using a GitHub button:

Using a button customized with additional utilities:

Options

Alignment

Align the direction of dropdown menus and their arrows with modifier classes.

Dividers

Headers

Dark