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

Checkboxes

Practice selecting multiple independent options and verifying their checked state.
Standard Checks
Click and toggle multiple checkboxes to select and deselect them.

Selected: 0 of 3

Default Check
Verify a specific checkbox is pre-checked when the page loads without interaction.

Option 1 checked: Yes

Disabled State
Attempt to click and toggle disabled checkboxes and confirm they cannot change state.

Option 2 state: Checked

Value Check
Select checkboxes and confirm the internal value properties are captured instead of labels.

Selected: (none)