Dashboard UI Kit

Apps PreviewDownload Design Package

    Table of contents

  1. Basic Usage
  2. Prop Table

TopBarLinkContainer

import { TopBarLinkContainer } from '@duik/it'
import TopBarLinkContainer from '@duik/top-bar-link-container'

Recommended way how to wrap your top bar links. Check the full usage on Building Top Bar.

Title

<TopBar>
  <TopBarSection>
    <TopBarTitle>
      Title
    </TopBarTitle>
  </TopBarSection>
  <TopBarSection>
    <TopBarLinkContainer>
      <TopBarLink href="#">
        Link 1
      </TopBarLink>
      <TopBarLink href="#">
        Link 2
      </TopBarLink>
    </TopBarLinkContainer>
  </TopBarSection>
</TopBar>
ReactHTML Snippet

Props

Any props you would pass to <nav>.