ChecklistMenu
v1.0.7Updated 27 Aug 2026Multi-select checkbox dropdown. Search filter, "Select all" with indeterminate state, "Clear" link, "N of M selected" header, trigger count badge, optional grouping with section headings.
Preview
Live · 15 stories▸Why this is recommendedformmulti-selectdropdowncheckbox+4
The default, out-of-the-box ChecklistMenu.
- ✓Column visibility menus
- ✓Multi-facet filter dropdowns
- ✓Bulk-action target pickers
- Multi-select checkbox rows
- Search filter
- Select-all with indeterminate parent state
- Clear-all link
- N-of-M selected header
- Trigger count badge
- Optional grouping with section headings
- Per-item icon / description / meta / disabled
- i18n: labels prop overrides every built-in string ({token} templates); counts format via LocaleProvider
- ✕Single-select dropdowns (use Select)
- ✕Free-text input (use TagInput)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
itemsItem list (with optional group)
yesvaluesSelected ids
yesonValuesChangeSelection callback
yessearchableShow search filter
—showSelectAllShow select-all row
—showClearShow clear link
—showCountShow N of M header
—showCountBadgeTrigger count badge
—triggerCustom trigger node
—triggerVariantDefault trigger styling
—groupOrderExplicit group ordering
—labelsOverride the built-in UI strings — selected-count summary, Select all, Clear, Loading, trigger aria template (i18n). Merged over DEFAULT_CHECKLIST_MENU_LABELS; {token} templates for counts.
—