Nav UI Kit

Introduction

The Nav UI Kit is a library containing specific resources to develop a Nav application. At this document you will find all the colors and its uses, the typography, sizes of string and the components to compose a layout.

Installing

At first you should install the design system into your project and wrap up the theme provider into your application, to serve all the design tokens to the components.

yarn install @dasa-health/components-react

// Wrapping up on index.js of a CRA as an example

import { DasaProvider } from '@dasa-health/components-react'

export const App = () => {
    return (
        <DasaProvider>
            <Application />
        </DasaProvider>
    )
}

With the setup applied you may use a component into your application, in all the levels below of the DasaProvider.

//
import { SquareAvatar } from "@dasa-health/components-react"

export const Sidebar = () => {
  return (
      <RoundedAvatar name="Diego Alves Nunes" size="32" />
    </div>
  )
}