Radio

This component should not be used in most cases. Use the RadioGroup component instead.

It can be used to create a radio input that can be serialized within a native form. The onChange event is called with the DOM event.

Uncontrolled

Result

Live Editor

<>
    <Radio label="Apples" name="radio1" />
    <Radio label="Bananas" name="radio1" />
    <Radio label="Cantaloupe" name="radio1" />
</>

<>
    <Radio label="Apples" name="radio1" />
    <Radio label="Bananas" name="radio1" />
    <Radio label="Cantaloupe" name="radio1" />
</>

The Radio component is trackable through Kyber Analytics. This is the default analytics config.

export default {
	value: 'RADIO',
	actions: {
		onChange: { type: 'RADIO_CHANGE', payload: 'Change' },
	},
};