# Dropdown Menu

A menu hidden behind a button to trigger additional information

# Design Best Practices

Aim To

Avoid

# Layout & Spacing

# Examples

Toggleable dropdown menus with various trigger elements.

# API for Vue Components

# SkyPopoverMenu

Props
Scoped Slots

# SkyDropdownMenu

Slots

# SkyDropdownMenuItem

Props
Slots
Scoped Slots

# SkyDropdownMenuSeparator

Need help?

Need help?

Send us a message in the #skyline-design-system Slack channel.

Open Slack
Have an idea to help us improve?

Have an idea to help us improve?

Send Feedback
We Support Truth and Reconciliation
Skyline is created on the following traditional unceded territories of:

Niitsítpiis-stahkoii ᖹᐟᒧᐧᐨᑯᐧ ᓴᐦᖾᐟ (Blackfoot / Niitsítapi ᖹᐟᒧᐧᒣᑯ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Ktunaxa ɁamakɁis

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Tsuu T'ina

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Michif Piyii (Métis)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Coast Salish

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Á,LEṈENEȻ ȽTE (W̱SÁNEĆ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Lekwungen/Songhees

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Learn More