Dash Navigation

No preview available

Code

import * as G from '.../components';

<G.DashContainer
  sidebarElement={
    <G.DashSidebar 
      title={title} 
      titleLink={titleLink}>
      <G.DashSidebarLink href="/home" icon="home">Lorem ipsum</G.DashSidebarLink>
      <G.DashSidebarDivider />
      <G.DashSidebarText bottom>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </G.DashSidebarText>
    </G.DashSidebar>
  }
  navigationElement={
    <G.DashNavigation>
      <G.DashNavigationText right>
        Lorem ipsum
      </G.DashNavigationText>
      <G.DashNavigationLink href="/...">
        Lorem ipsum
      </G.DashNavigationLink>
    </G.DashNavigation>
  }>
  ...
</G.DashContainer>

Properties

• DashSidebar
  • title - String
  • titleUrl - <URL>
  • logoUrl - <URL>
  • DashSidebarBox
    • bottom - true | false
  • DashSidebarLink
    • href - <URL>
    • icon - <Icon>
    • textRight - String
  • DashSidebarText
    • bottom - true | false
  • DashSidebarAccordion
    • header - Element
    • open - true | false
• DashNavigation
  • DashNavigationText / DashNavigationLink
    • right - true | false