Welcome UI - RadioGroup

10.0.1

Overview

Props

RadioGroup

dataTestId

string

disabled

Boolean

hideLabel

Boolean

label

Required

string

number

false

true

ReactElement<any, string | JSXElementConstructor<any>>

Iterable<ReactNode>

ReactPortal

name

Required

string

onChange

FormEventHandler<HTMLFieldSetElement>

(value: string | number) => void

options

[] (default)

RadioGroupOption[]

renderOption

forwardRef<HTMLInputElement, RadioProps>( ( { className, dataTestId, disabled, hint, label, onChange, onClick, value, variant = 'default', ...rest }, ref ) => { const handleClick = (event: React.MouseEvent<HTMLLabelElement>) => { event.stopPropagation() if (onClick) onClick(event) if (onChange) onChange(event) } return ( <Label className={cx('root', className)} onClick={handleClick}> <div className={cx('input-wrapper')}> <AriakitRadio aria-label={label} className={cx('input', `variant-${variant}`)} data-testid={dataTestId} disabled={disabled} ref={ref} value={value} {...rest} /> </div> {label ? ( <div className={cx('label-with-hint')}> <div data-testid={dataTestId ? `${dataTestId}-label` : undefined}>{label}</div> {hint ? ( <Hint className={cx('hint')} data-testid={dataTestId ? `${dataTestId}-hint` : undefined} > {hint} </Hint> ) : null} </div> ) : null} </Label> ) } ) (default)

symbol

object

label

abbr

address

area

article

aside

audio

base

bdi

bdo

big

blockquote

body

button

canvas

caption

center

cite

code

col

colgroup

data

datalist

del

details

dfn

dialog

div

embed

fieldset

figcaption

figure

footer

form

head

header

hgroup

html

iframe

img

input

ins

kbd

keygen

legend

link

main

map

mark

menuitem