Geist UI

Radio

Provides single user input from a selection of options.

A group of radio components.

Differentiate states by color.

Description can be combined with other components.

Disable all radios.

Horizontal arrangement.

Attribute	Description	Type	Accepted values	Default
checked	selected or not (in single)	`boolean`	-	`false`
value	unique ident value (in group)	`string`	-	-
id	native attr	`string`	-	-
disabled	disable current radio	`boolean`	-	`false`
type	current type	`RadioTypes`	RadioTypes	`default`
onChange	change event	`(e: RadioEvent) => void`	-	-
ref	forwardRef	`Ref<HTMLInputElement \| null>`	-	-
...	native props	`InputHTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
initialValue	initial value	`string`	-	-
value	selected child radio	`string`	-	-
useRow	horizontal layout	`boolean`	-	`false`
disabled	disable all radios	`boolean`	-	`false`
onChange	change event	`(value: string) => void`	-	-
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

Attribute	Description	Type	Accepted values	Default
...	native props	`HTMLAttributes`	`'id', 'className', ...`	-

type RadioTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'

Contributors