Dashboard UI Kit

Apps PreviewDownload Design Package

    Table of contents

  1. Basic Usage
  2. Prop Table

Progress

import { Progress } from '@duik/it'
import Progress from '@duik/progress'

Simple usage of progress bars! Input values from 0 to 1

Basic Usage

<Progress fill={0.8} />
ReactHTML Snippet
<Progress fill={0.8} lg />
ReactHTML Snippet
<Progress
  fills={[
    0.5,
    0.3,
    0.1
  ]}
 />
ReactHTML Snippet

NavLink Props

children

Required: false

type: React.ReactNode
className

Required: false

type: string
className, e.g. "my-custom-styling"
fill

Required: false

type: number
Range from 0 to 1
fills

Required: false

type: number[]
Array of numbers with range from 0 to 1. Fills are rendered with priority over "fill" property.
lg

Required: false

type: boolean
Renders thicker bar (8px instead of 4px)
...rest

Required: false

type: any
Other properties are passed down to the wrapping element