Radio
Radio input component for selecting one option.
Basic
Simple radio buttons
Colors
Different color variants
Sizes
Radio sizes
Main Props
| Name | Type | Default | Description |
|---|---|---|---|
id | string | - | HTML id attribute |
checked | boolean | false | Checked state |
disabledRipple | boolean | false | Disable ripple effect |
label | string | '' | Label text |
disabled | boolean | false | Disable the radio button |
color | Color | 'blue' | Color variant |
name | string | - | Input name |
size | 'sm' | 'md' | 'lg' | 'md' | Radio size |
rippleColor | 'dark' | 'light' | 'dark' | Ripple color |
onChange | (e: React.ChangeEvent<HTMLInputElement>) => void | - | Change handler |
Class Props
| Name | Type | Default | Description |
|---|---|---|---|
classNameRoot | string | - | Class for root element |
classNameWrapperRadio | string | - | Class for wrapper |
classNameRadio | string | - | Class for radio input |
classNameLabel | string | - | Class for label |