Simple sidebarFree

Icons and labels; the highlight glides to the active item.

Props

brand

items

compact

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 simple-sidebar

Usage

import { SimpleSidebar } from "@/components/nex-ui/simple-sidebar";

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