Forms / select

select

Tier 1

Custom picker where the platform allows (base-select); native picker elsewhere. Zero JS either way.

Role

<select>
  <option>Engineer</option>
  <option>Designer</option>
</select>

Module: picker alignment

With the optional select.js module (loaded on this page), the open picker overlays the trigger with the selected option kept in place — macOS-native behavior. JS ships one number; CSS anchors do the rest. Without it: the styled anchored-below picker.