Experience System
Components

Drilldown Menu

Registry

Hierarchical navigation menu with drill-in / drill-out behavior built on Button from @by/experience-system.

The Drilldown Menu recipe renders a vertically navigable list of items with nested children. Clicking an item with children drills in; the back affordance drills out.

Installation

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

pnpm dlx shadcn@latest add @by-es/drilldown-menu

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.

Drawer

A floating panel that slides in from an edge of the viewport—filters, forms, and mobile-friendly sheets.

Dropdown Menu

A menu opened from a button or control, for actions and settings without leaving the current view.

On this page

Installation