asadesignsystem
Navigation

Sidebar

The left navigation of a tool. The React version is the full shadcn Sidebar; see it working in the Dashboard block.

React · shadcn/uiCSS · no build

React

shadcn/ui + Tailwind v4

The React sidebar needs a full page. Open Blocks, Dashboard to try it: collapse it with the button in the header, and narrow the window to see it turn into a sheet.

CSS

CSS, no build

Open Blocks, Dashboard to try the React sidebar: it collapses to icons and becomes a sheet on phones.