Documented
The component is fully documented
Figma component
Includes a link to a Figma component that has been imported to Supernova
Status
The component has a health status indicated
Healthy
Overview
The radio component allows users to select a single item from a list of items.
Usage
- Apply borders around radio buttons only when they are placed against complex or multicolored backgrounds to maintain visibility and focus.
- Do not use the disabled state if it does not convey significant context or necessary information to the user.
- Ensure the size of the radio button aligns with the visual hierarchy and design elements around it, maintaining a balanced and cohesive interface.
Variants
The radio component consists of two variants: no input and with input.
