RadioGroup
Allows user to choose between some options and only one can be return.
version
5.1.0
install
yarn add @welcome-ui/radio-group
usage
import { RadioGroup } from '@welcome-ui/radio-group'
Usage #
Row style #
Add flexDirection to row
to Field to add the inline style for radios group
Disabled #
Add disabled
to the Field component
Variants #
Use warning
, error
, info
or success
properties on Field to add a variant status on your RadioGroup. The label, hint or border color are set by magic 🪄
With hint on radio #
An example with a hint on radio.
Properties #
Name | Type(s) | Default | Required |
---|---|---|---|
label | ReactElement<any, string | JSXElementConstructor<any>> | ||
required | Boolean | ||
name | string | ||
options | Option[] | [] | |
renderOption | React.ElementType<any> | ||
value | string | ||
onChange | (value: string | number) => void |