Experience System
Components

Checkbox List

Registry

Checkbox list with color indicators, counts, and show-more / show-less built on Checkbox, Badge, and ScrollArea.

Scrollable checklist with optional counts, expand/collapse, and a Done action.

After shadcn add, import CheckboxList from the path your registry aliases map to (often @/components/ui/checkbox-list).

12
8
5

Installation

Run the shadcn CLI with your package manager. It vendors the recipe into components/ui/checkbox-list.tsx and installs the runtime dependencies (@by/experience-system) automatically:

pnpm dlx shadcn@latest add @by-es/checkbox-list

In this monorepo, depend on the workspace package (for example via workspace:* or your catalog) so imports resolve to packages/experience-system. Configure the Registry in your app before adding recipes.

Checkbox

Toggle control for binary and indeterminate selection states.

Chip List

Chip-like filter list built with Badge from @by/experience-system, with removable actions and an overflow count.

On this page

Installation