WUI logo

RadioGroup

Allows user to choose between some options and only one can be return.

version

5.6.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 #

NameType(s)DefaultRequired
label
ReactElement<any, string | JSXElementConstructor<any>>
required
Boolean
name
string
options
Option[]
[]
renderOption
React.ElementType<any>
value
string
onChange
(value: string | number) => void

Packages #

Dependencies #
Peer dependencies #

Previous

Picker