Collapsible sidebarPro

Shrinks to icons with labels on hover.

Props

brand

items

startCollapsed

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add collapsible-sidebar

Usage

import { CollapsibleSidebar } from "@/components/nex-ui/collapsible-sidebar";

<CollapsibleSidebar
  brand="Northwind"
  items={["Home", "Analytics", "Inbox", "Team", "Settings"]}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro