Dashboard UI Kit

Apps Preview Download Design Package

Table of contents

Basic Usage
Prop Table

TopBar

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

Prestyled component for your apps top bar. Check the full usage on Building Top Bar

Title

<TopBar>
  <TopBarSection>
    <TopBarTitle>
      Title
    </TopBarTitle>
  </TopBarSection>
</TopBar>

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

ReactHTML Snippet

Props

Any props you would pass to <section>.