Skip to content

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

Demo