- Basic Usage
- Prop Table
import { Radio } from '@duik/it'import Radio from '@duik/radio'Custom Radio
<Radio defaultChecked name="radioGroup" /><label class="form-check form-group radio"> <input type="radio" class="form-check-input" name="radioGroup" checked="" /> <span class="form-check-label"></span> </label> ReactHTML Snippet | |
<Radio label="Check me" name="radioGroup" /><label class="form-check form-group radio"> <input type="radio" class="form-check-input" name="radioGroup" /> <span class="form-check-label">Check me</span> </label> ReactHTML Snippet | |
<Radio description="With Description" label="Radio" name="radioGroup" /><label class="form-check form-group radio"> <input type="radio" class="form-check-input" name="radioGroup" /> <span class="form-check-label">Radio</span> <p class="form-check-description">With Description</p> </label> ReactHTML Snippet | |
<Radio
description="With Description"
disabled
label="Radio"
name="radioGroup"
/><label class="form-check form-group radio"> <input type="radio" class="form-check-input" name="radioGroup" disabled="" /> <span class="form-check-label">Radio</span> <p class="form-check-description">With Description</p> </label> ReactHTML Snippet |
| className | Required: false |
| type: string | |
| className, e.g. "my-custom-styling" |
| label | Required: false |
| type: React.ReactNode | |
| Label text or node |
| description | Required: false |
| type: React.ReactNode | |
| Label text or node |
| ...rest | Required: false |
| type: any | |
| Other properties are passed to the input element |