Radio
Component to render a radio input.
Import
import { Radio, RadioGroup } from 'react-native-ficus-ui';
Usage
Simple checkbox
EDITABLE EXAMPLE
Simple radio group
EDITABLE EXAMPLE
Radio sizes
EDITABLE EXAMPLE
Checkbox disabled
EDITABLE EXAMPLE
Custom render
EDITABLE EXAMPLE
Props
Radio props
Extends every TouchableOpacity
props.
colorScheme
The colorScheme property, will define radio color.
Type | Required | Default |
---|---|---|
string | No |
defaultChecked
Boolean to indicate if radio should be checked by default.
Type | Required | Default |
---|---|---|
boolean | No |
isChecked
Boolean to indicate if radio is checked.
Type | Required | Default |
---|---|---|
boolean | No |
isDisabled
Boolean to indicate if radio is disabled.
Type | Required | Default |
---|---|---|
boolean | No |
value
The value to be used in the radio.
Type | Required | Default |
---|---|---|
(value: string | number) => void | No |
onChange
Function called when checked status changes on radio, value is returned as param.
Type | Required | Default |
---|---|---|
(value: string | number) => void | No |
size
Size of radio.
Type | Required | Default |
---|---|---|
number | 'xs' | 'sm' | 'md' | 'lg' | No |
RadioGroup props
value
The value of the radio group.
Type | Required | Default |
---|---|---|
(value: string | number) => void | No |
onChange
Function called when checked status changes on any radio children, value is returned as param.
Type | Required | Default |
---|---|---|
(value: (string | number)) => void | No |
defaultValue
Default value for the radio group.
Type | Required | Default |
---|---|---|
(string | number) | No |
colorScheme
The colorScheme property, will define group radios color.
Type | Required | Default |
---|---|---|
string | No |