Dashboard UI Kit

Apps Preview Download Design Package

Table of contents

Basic Usage
Prop Table

TopBarSection

import { TopBarSection } from '@duik/it'
import TopBarSection from '@duik/top-bar-section'

Predefined section component to match the designs, e.g centers the content vertically. Check the full usage on Building Top Bar

Title

Something else

<TopBar>
  <TopBarSection>
    <TopBarTitle>
      Title
    </TopBarTitle>
  </TopBarSection>
  <TopBarSection>
    <TopBarTitle>
      Something else
    </TopBarTitle>
  </TopBarSection>
</TopBar>

<section class="top-bar">
  <div class="top-bar-section">
    <h2 class="top-bar-title">Title</h2>
  </div>
  <div class="top-bar-section">
    <h2 class="top-bar-title">Something else</h2>
  </div>
</section>

ReactHTML Snippet

Props

Any props you would pass to div.