Codemo Playground
  • Getting Started
  • General UI
    • Button
    • Input
    • Radio Buttons
    • Checkboxes
    • Select Dropdown
    • Date
  • Dynamic UI
  • Browser Interactions
  • Storage & State
  • API
  • Beehive
Back to Home
General UI

Radio Buttons

Ensure that selecting one option automatically deselects others in the group.
Standard Selection
Click an unselected radio button and confirm it becomes checked.
Standard choices

Selected value: (none)

Default Selection
Verify the default option is selected when the page loads without any interaction.
Default selection

Default value: Default

Disabled State
Attempt to click a disabled radio button and confirm it cannot be changed.
Disabled selection

Selected value: Open

Value Selection
Select a radio button option and confirm the internal value property is captured, not the display label.
Value Selection

Selected value: (none)