Skip to content

Radio beta

Radio buttons allow users to select a single option from a group of choices. They are designed to be used within a radio group.

This is a subcomponent of RadioGroup

The label can be set by the label attribute which supports label as a string or the default slot which supports label of all formats.

<ch-radio label="Radio"></ch-radio>
<ch-radio>
Banana
<br />
<div>
<ch-icon name="warning"></ch-icon>
This is an example subtext.
</div>
</ch-radio>

Use the disabled attribute to deactivate options in the list that are not applicable.

<ch-radio disabled>Disabled</ch-radio>