dropdown-select
Installation
SKILL.md
Dropdown & Select Patterns
When to Use What
| Options | Pattern | Why |
|---|---|---|
| 2-3 | Radio buttons or segmented control | All options visible |
| 4-7 | Dropdown select | Manageable list |
| 8-15 | Dropdown with search | Finding options quickly |
| 15+ | Combobox (searchable input) | Must be able to search |
| Multi-select needed | Checkbox list or tag input | Clear selection state |
Dropdown Design
- Max visible items: 6-8 (then scroll)
- Selected item shown in the trigger
- Checkmark or highlight on selected item
- Keyboard navigation: type to jump, arrows to move, Enter to select
- Group long lists into labeled sections
- Close on selection (single-select) or have an explicit "Done" (multi-select)