Radio

The Radio component is a fancy radio input. It behaves as a standard HTML radio input, but it is styled to match the design system.

Per default they are rendered inlined, but can be stacked by wrapping them in a flex container or using a field.

Field Attributes

• label (String): The label of the checkbox.
• label-start (String): The label of the checkbox, rendered before the checkbox.
• description (String): The description of the checkbox.
• desc-start (String): The description of the checkbox, rendered before the checkbox.

Group Attributes

• legend (String): The legend of the group.
• divided (Boolean): Whether the checkboxes should be separated by a divider.
• inline (Boolean): Whether the checkboxes should be rendered inline.

Basic Usage

Alternative Label

Disabled and Checked

Grouped

To group toggle switches, wrap them in a aura:toggle.group component.

Group styles

When grouping radios, you can use the inline attribute to render them inline. or divided to separate them with a divider.