-
Components
-
-
Checkbox
-
- setChecked(e.target.checked)} checked={checked}>
- Test checkbox
-
- setChecked(e.target.checked)} checked={checked} disabled>
- Disabled checkbox
-
-
-
-
Switch
-
- setSwitchChecked(e.target.checked)} checked={switchChecked} id="switch">
- Test switch
-
- setSwitchChecked(e.target.checked)}
- checked={switchChecked}
- id="switch2"
- disabled>
- Disabled switch
-
-
-
-
Radio
-
setRadioValue(v)}
- value={radioValue}
- options={[
- { text: 'Option 1', value: '1' },
- { text: 'Option 2', value: '2' },
- { text: 'Option 3', value: '3' },
- ]}
- />
-
- Buttons
-
-
-
-
-
-
-
- } rightAddon={}>
- Button with icon
-
-
-
-
-
- Input
- setInputValue(e.target.value)}
- placeholder="Enter text"
- suffixIcon={}
- prefixIcon={}
- />
-
- Textarea
-
- }>
-
-
-
Basic Select
-
-
-
-
Multi-select
-
-
-
-
Disabled
-
-
-
-
Clearable
-
-
-
-
Group Options
-
-
-
-