SidebarNav

The SidebarNav component is a navigation that supposed to be placed on the right of the main content.

This component is subject to change and be split up in a SideBar component that can host multiple different components and a vertical navigation.

Import

// Tree shakable import
import { SidebarNav, SidebarNavItem } from '@bojagi/pablo';
// Or direct import
import { SidebarNav, SidebarNavItem } from '@bojagi/pablo/SidebarNav';

Example

Live Editor

  <SidebarNav>
    <SidebarNavItem>Hello</SidebarNavItem>
    <SidebarNavItem selected>Goodbye</SidebarNavItem>
    <SidebarNavItem>Ob1-La-Di Ob-La-Da</SidebarNavItem>
  </SidebarNav>

Result

Loading...

Props

SidebarNav

Name	Type	Default Value	Required	Description

SidebarNavItem

Name	Type	Default Value	Required	Description

Box props

SidebarNav

Name	Type	Default Value	Required	Description

SidebarNavItem

Name	Type	Default Value	Required	Description