Skip to content

ComponentsNativeSelect

Components

NativeSelect

A native <select> with the field paint and a logical-end chevron (used by the calendar month / year dropdowns).

NativeSelect

No claude.ai instance: the field paint (FP) on the native element. 32px, radius 8, padding 12 / 32, chevron 16 muted; options paint on surface-3 so the native list stays legible in dark.

default
invalid
disabled
in a Field

Sizes

data-size on the wrapper: sm 28 · default 32 · lg 40.

Light and dark

light
dark