use-design-system/RadioGroup

What problem does it solve?

This Skill provides a robust and accessible way to implement radio button groups, ensuring users can easily select a single option from a predefined set.

Core Features & Use Cases

• Controlled and Uncontrolled Modes: Supports both managing the selected state externally or letting the component handle it internally.
• Keyboard Navigation: Enables seamless navigation between radio options using arrow keys.
• Item-level Disabling: Allows specific options within a group to be disabled.
• Use Case: Use this Skill to create a form where a user must select their preferred shipping method from a list of options (e.g., Standard, Express, Next-Day).

Quick Start

Use the RadioGroup skill to create a controlled radio button group with options 'Option A', 'Option B', and 'Option C'.