⚠️ Mobile is not supported yet.

Command Palette

Search for a command to run...

[Explore]
[Search]
[Saved]

Terms of Service Privacy Policy

Sidebar – shadcn/ui Component by taki | shadcnregistry

Registries
taki
Sidebar

Sidebar

ui

Provided by taki

Open in https://v0.dev/Open in

lucide-react
react-aria-components
tailwind-variants

https://taki-ui.com/r/button.json
https://taki-ui.com/r/separator.json
https://taki-ui.com/r/sheet.json
https://taki-ui.com/r/tooltip.json
https://taki-ui.com/r/input.json
https://taki-ui.com/r/use-mobile.json
https://taki-ui.com/r/skeleton.json
https://taki-ui.com/r/utils.json

Installation

Install directly from the provider.

pnpm dlx shadcn@latest add "https://taki-ui.com/r/sidebar.json"

Files

Styles

Light Mode

--sidebar-background:

0 0% 98%

--sidebar-foreground:

240 5.3% 26.1%

--sidebar-primary:

240 5.9% 10%

--sidebar-primary-foreground:

0 0% 98%

--sidebar-accent:

240 4.8% 95.9%

--sidebar-accent-foreground:

240 5.9% 10%

--sidebar-border:

220 13% 91%

--sidebar-ring:

217.2 91.2% 59.8%

Dark Mode

--sidebar-background:

240 5.9% 10%

--sidebar-foreground:

240 4.8% 95.9%

--sidebar-primary:

224.3 76.3% 48%

--sidebar-primary-foreground:

0 0% 100%

--sidebar-accent:

240 3.7% 15.9%

--sidebar-accent-foreground:

240 4.8% 95.9%

--sidebar-border:

240 3.7% 15.9%

--sidebar-ring:

217.2 91.2% 59.8%

Theme

No variables found.

CSS

No CSS found.