Radio
RadioGroup props
Name | Type | Description |
---|---|---|
children | React.Node | RadioButton elements |
isDisabled | boolean | In case you don't want it to be active |
name | string | ... |
onChange | (ev: ChangeEvent) => void | Change handler |
theme | PartialGlobalDefaultTheme[ typeof COMPONENTS_NAMESPACES.calendar ] | ... |
value | number | string | ... |
_[className] | [x: string]: unknown | E.g.: _w-48 adds a css class w-48 to the component's outer wrapper. |
RadioButton props
Name | Type | Description |
---|---|---|
id | string | ... |
isDisabled | boolean | In case you don't want it to be active |
name | string | ... |
onChange | (ev: ChangeEvent) => void | Change handler |
shouldRender | boolean | Pass false if you don't want the component to appear |
theme | PartialGlobalDefaultTheme[ typeof COMPONENTS_NAMESPACES.calendar ] | ... |
value | number | string | ... |
_[className] | [x: string]: unknown | E.g.: _w-48 adds a css class w-48 to the component's outer wrapper. |
<L.RadioGroup onChange={({ component }) => console.log(component.value)} > <L.RadioButton>One</L.RadioButton> <L.RadioButton>Two</L.RadioButton> <L.RadioButton>Three</L.RadioButton> </L.RadioGroup>
Validation
Name | Type | Description |
---|---|---|
form | string | Form name |
name | string | Component name |