Native Select

Usage

import {
  NativeSelect,
  NativeSelectOptGroup,
  NativeSelectOption,
} from "@kanzo-tech/ui";

Prefer this over Select when the options are few, static and plain text: it costs no JavaScript, and on mobile it opens the platform picker. Reach for Select when you need icons, rich item content or multiple selection — and for Combobox once the list is long enough that typing beats scrolling.

Anatomy

NativeSelect
├── NativeSelectOptGroup
│   └── NativeSelectOption
└── NativeSelectOption

Sizes

Groups

Invalid

Disabled

API Reference

nativeSelectVariants is exported for putting the same chrome on a <select> you render yourself.

Extends Field.Select from Ark, so every native select prop passes through. An option with value="" renders in the muted placeholder colour.