v1.6

Dropdown Form-like element that allows users to select an option from a list of choices.

CSS Source
Controls
Border-less and background-less variant for extreme cases.
Use sm when space is limited, use lg for large CTA scenarios.
States will happen automatically when using valid markup. We do include classes to force hover and focus states but you should avoid using these in your application.
Display the menu.
Position of the menu.
Alignment of the menu.

Properties Jump to heading

Class / Token Type
.prs-dropdown Component Wrapper
.prs-dropdown-btn Modifier Variant for .prs-btn
.prs-dropdown-menu Part Required for .prs-menu
.prs-dropdown-menu-top Modifier Position the menu above the trigger element
.prs-dropdown-menu-left Modifier Position the menu before the trigger element
.prs-dropdown-menu-right Modifier Position the menu after the trigger element
.prs-dropdown-menu-end Modifier Align the end of the menu to the end of the trigger element
.prs-dropdown-menu-center Modifier Align the menu centered to the trigger element
.prs-dropdown-menu_open Modifier Force open the menu

No results...