Sidebar

A collapsible application sidebar with a mobile drawer fallback, a Cmd/Ctrl+B keyboard shortcut, and composable header/content/footer/menu slots.

NavigationshadcnRegistry JSON

Installation

CLI

Manual

1

Register the @fma-ui namespace in components.json (once)

components.json

{
  "registries": {
    "@fma-ui": "https://ui.fmartinsandre.dev.br/r/{name}.json"
  }
}

2
Add the item
```
pnpm dlx shadcn@latest add @fma-ui/sidebar
```
Files land in components/fma-ui/sidebar.tsx; npm and registry dependencies are installed along with them.

Dependencies

npm: class-variance-authority@^0.7.1cn@^0.4.0lucide-react@^1.52.0react-aria-components@^1.21.1
Registry: @fma-ui/button @fma-ui/input @fma-ui/separator @fma-ui/sheet @fma-ui/skeleton @fma-ui/tooltip@fma-ui/use-mobile