Dashboard UI Kit

Apps PreviewDownload Design Package

    Table of contents

  1. Basic Usage
  2. Prop Table

Checkbox

import { Checkbox } from '@duik/it'
import Checkbox from '@duik/checkbox'

Who doesn't like customized checkboxes?

Basic Usage

<Checkbox defaultChecked />
ReactHTML Snippet
<Checkbox label="Check me" />
ReactHTML Snippet
<Checkbox description="With Description" label="Checkbox" />
ReactHTML Snippet
<Checkbox description="With Description" disabled label="Checkbox" />
ReactHTML Snippet

Prop table

className

false

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

false

type: React.ReactNode
Label text or node
description

false

type: React.ReactNode
Label text or node
...rest

false

type: any
Other properties are passed to the input element