dropdown-select-patterns
Installation
SKILL.md
Dropdown Select Patterns
Choosing the Right Pattern
| # of Options | Pattern |
|---|---|
| 2-3 | Radio buttons or segmented control (show all) |
| 4-7 | Simple dropdown select |
| 8-20 | Dropdown with search/filter |
| 20+ | Combobox with autocomplete |
| Multiple selections | Multi-select with checkboxes or tag input |
Dropdown Rules
- Max visible items: 7-8 before scrolling.
- Selected option visible when dropdown is closed.
- Keyboard navigable: arrow keys, enter to select, escape to close.
- Open direction: prefer downward, flip upward if near bottom of viewport.