Skip to main content

Radio

Radio buttons allow users to select one option from a group of related options. To group options, wrap the Radio components inside a RadioGroup component. If you want to give the user more than 4 options, consider using a Select component.

RadioProps

Signature:

export declare type RadioProps = <<, >, | > & & & & & & ;

RadioGroupProps

Signature:

export declare type RadioGroupProps = <, (value: , event?: <>) => | > & & & & ;

RadioGroupBaseProps

extends, , , , ,
NameTypeDefaultDescription
name?
-

A radio group is defined by giving each of the radio buttons in the group the same name. This must be unique for each group and is also used when submitting it in a form.

disabled?
false

Whether the whole group is disabled.

RadioGroupUncontrolledProps

NameTypeDefaultDescription
defaultValue?
-

The default value of the radio group (uncontrolled).

RadioGroupControlledProps

NameTypeDefaultDescription
value
-

The value of the radio group (controlled).

onChange
(value: , event?: <>) =>
-

Handler that is called when the value of the group changes.

Still have questions?
Find answers in the Dynatrace Community