An enhanced version of the Radio Button with space for custom content.
The Radio Button has an enhanced version (
RadioEnhanced) when a label isn't sufficient by itself. This button provides a space for a description or custom content. It is wrapped in a frame to highlight its clickable region.
RadioEnhanced component allows the active selection of one input at a time. It typically appears in forms and modals. If you require the user to select multiple options, then the CheckboxEnhanced component should be used instead.
- Frame. Wraps the component, highlighting when hovered.
- Radio Button. A single value toggle.
- Title. Provides context to the Radio Button.
- Description (Optional). Additional information.
The enhanced version of the Radio Button has three states -
The Enhanced Radio Button has a variation where custom content can be added in place of its description. The Radio button and Title must remain in the component so the user knows what to expect with its functionality.