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.
SideNav
import { SideNav } from '@lobehub/ui';Default
APIs
| Name | Description | Type | Default |
|---|---|---|---|
| avatar | Avatar to be displayed at the top of the sidenav | ReactNode | -- |
| bottomActions | Actions to be displayed at the bottom of the sidenav | ReactNode | -- |
| topActions | Actions to be displayed below the avatar | ReactNode | -- |