Component workbench
Try the
pieces.
A quiet place to test HTML patterns before they become part of a page. Start with the native select, duplicate it, change its data, and let the browser provide the dependable interaction layer.
01 · Interactive example
Native
select
Three copies. Three states.
One component.
Component notes
Built to
travel.
01
Owns its state
Every dropdown manages its own open menu and selected value. Rendering another one does not create collisions.
02
Accepts your data
Pass a simple options array with labels, values, and optional descriptions. The visual stays consistent.
03
Respects the platform
The browser provides keyboard navigation, screen-reader semantics, touch behavior, and mobile-native controls.