Select
Displays a list of options for the user to pick from, triggered by a button.
Installation
Basic
Start with the same simple trigger-and-list structure used in the shadcn Select docs when you only need an uncontrolled choice.
Preview
Theme selector
This is the baseline Select composition: trigger, value, content, and a single group of items.
Controlled
Use value and on-value-change when surrounding page state needs to react to the current choice.
Preview
Inbox filter
Keep the selected filter in page state so a sibling summary panel can stay in sync with the same choice.
Current filter
{selectedActivityLabel}{selectedActivitySummary}
Scrollable
Add labels, separators, and a longer option list when the menu needs structured groups and built-in scrolling.
Preview
Timezone picker
This follows the shadcn scrollable example pattern with grouped regions and enough items to exercise the Select scroll controls.