Side Nav

The SideNav component is a customizable side navigation bar. It takes in an optional avatar and top actions to be displayed at the top, and a required bottom actions prop to be displayed at the bottom.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/SideNav/index.ts
• src/SideNav/SideNav.tsx
• src/SideNav/stable.ts
• src/SideNav/style.ts
• src/SideNav/type.ts
• src/Flex/index.ts
• src/Flex/Center.tsx
• src/Flex/FlexBasic.tsx

Source

https://github.com/lobehub/lobe-ui

Categories

• Navigation Components
• React Navigation Components
• Sidebar Components
• React Sidebar Components

More from Lobe UI

• Draggable Side Nav
• Dashboard Console Nav
• Dashboard Filter Sidebar
• Accordion
• Action Icon
• Action Icon Group
• Agent Avatar
• Alert
• Anchor
• Auto Complete
• Avatar
• Badge