Experience System
Components

Chip List

Registry

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

Chip-like filter list built with Badge, removable actions, and an overflow count—useful for filter chips beside menus or dialogs.

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

InventoryWarehouseAutomationPlanning+2 more

Installation

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

pnpm dlx shadcn@latest add @by-es/chip-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.

On this page