Select

A real <select>. Options, keyboard navigation, typeahead, and the platform's own picker UI (correct for the device it's running on, a wheel on iOS, a native dropdown on desktop) all come from the browser. Only the closed control is restyled.

import { Select } from "@kernelui/react";

<Select label="Country">
  <option value="us">United States</option>
  <option value="ca">Canada</option>
</Select>

Props

A note on full customisation

appearance: base-select will eventually allow a fully custom-styled option list on top of the same native element. It's too new to depend on by default today, so the dropdown popup itself still uses the browser's native rendering.