Compare selection patterns for compact option sets, searchable choices, filters, navigation, and contextual product commands.
Open the live component in a new tab to inspect layout and interaction behavior before choosing protected source access.
A compact action menu with grouped commands and states.
Open live previewA form selection pattern for structured values.
Open live previewA keyboard-friendly command surface for fast product navigation.
Open live previewA contextual command surface for product actions.
Open live previewA dropdown saves space, but it also hides choices. Use it when options are familiar or secondary, and prefer visible controls when users need to compare a small set of important alternatives.
Searchable selects need keyboard navigation, clear selected state, empty results, and reliable dismissal. Menus for commands should use action language, while form selects should represent values.
Practical answers about framework fit, responsive behavior, accessibility, source access, and implementation.
Use radio buttons when a small important set should remain visible. Use a select when options are numerous, familiar, or secondary to the main workflow.
It needs an accessible name, correct keyboard behavior, visible focus, announced selection, predictable dismissal, and focus return to the trigger.
Yes, account and product menus often contain links. Keep navigation links semantically distinct from buttons that perform immediate actions.