Nav Sidebar

Vertical navigation panel with logo, grouped nav items, and user profile footer. Supports collapsible groups and badges.

import{ NavSidebar } from "@pepulux/ui"

Default

Pepulux

Props

PropTypeDefaultDescription
logoTextstring—Brand name displayed at the top
logoSrcstring—Custom logo image URL
itemsNavItem[]—Navigation links — { id, label, href, icon?, badge?, isActive?, children? }
userNavUser—User object shown in sidebar footer
featuredCardNavFeaturedCard—Optional upgrade/promo card above user
classNamestring—Additional CSS classes
Application component → Application navigationwww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Deep navigation for apps

A sidebar suits products with many sections. Group related items, show counts as badges and keep the account control at the bottom.