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.
A reusable primitive
Small controls,
good manners.
This select is a self-contained Svelte component around the native HTML control. Each instance keeps its own value while the browser handles keyboard, touch, and assistive technology behavior.
astro · none · comfortableComponent notes
Built to
travel.
Every dropdown manages its own open menu and selected value. Rendering another one does not create collisions.
Pass a simple options array with labels, values, and optional descriptions. The visual stays consistent.
The browser provides keyboard navigation, screen-reader semantics, touch behavior, and mobile-native controls.