V99RadioButton
I. Props
Name |
Type |
Default |
Description |
value |
boolean |
false |
The value boolean of the RadioButton. If true it will be checked. Default value is false. |
disabled |
boolean |
false |
If true the user won't be able to toggle the RadioButton. Default value is false. |
onValueChange |
(value: boolean) => void |
- |
Invoked with the new boolean value when it changes. |
II. Usage
import { V99RadioButton } from 'v99-kits'
Example
<V99Box paddingLeft={V99Spacing.s20} paddingTop={V99Spacing.s20}>
<V99Text T1 marginVertical={V99Spacing.s16}>
Radio button
</V99Text>
<V99RadioButton
value={checked}
onValueChange={value => setChecked(value)}
/>
<V99Text T1 marginVertical={V99Spacing.s16}>
Radio button disable
</V99Text>
<V99RadioButton
value={checked}
onValueChange={value => setChecked(value)}
disabled={true}
/>
</V99Box>
Demo