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

Select Dropdown

Interact with standard HTML select elements using values, indices, or visible labels.
Standard Select
Click to open the dropdown and select a single option from the list.

Selected: (none)

Multiple Select
Open the dropdown and select multiple options to populate the selection array.

Selected: (none)

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

Default value: Option 1 (Default)

Long List
Open the dropdown containing 50 items and select an option to test performance and scrolling.

Selected: (none)

Searchable
Type into the searchable dropdown to filter options and select a matching result.

Selected: (none)

Clearable
Select an option and click the clear button to remove the selection.

Selected: (cleared)