Dashboard UI Kit

Apps PreviewDownload Design Package

    Table of contents

  1. Basic Usage
  2. Prop Table

Radio

import { Radio } from '@duik/it'
import Radio from '@duik/radio'

Custom Radio

Basic Usage

<Radio defaultChecked name="radioGroup" />
ReactHTML Snippet
<Radio label="Check me" name="radioGroup" />
ReactHTML Snippet
<Radio description="With Description" label="Radio" name="radioGroup" />
ReactHTML Snippet
<Radio
  description="With Description"
  disabled
  label="Radio"
  name="radioGroup"
/>
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