Native Select

The platform select element, styled to the system — for forms that want zero JS.

Default

Weight

<span class="relative inline-block">
  <select
    class="h-9 w-48 appearance-none rounded-md border border-border bg-transparent px-3 pr-8 text-sm text-text-primary"
  >
    <option>Light 300</option>
    <option selected>Regular 400</option>
    <option>Medium 500</option>
    <option>Bold 700</option>
  </select>
  <svg class="pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-text-tertiary" …>
    <path d="m6 9 6 6 6-6" />
  </svg>
</span>

Zero JavaScript — a real <select> styled with token classes. On mobile it opens the platform picker, which no custom listbox can match.

Native Select

Default

Disabled

Groups

Invalid