Koyo Select

DraftKoyo-owned

Koyo Select documents trigger/content/item surfaces using shared Koyo border, brand focus, selected, and error tokens where the implementation supports them.

Reference scope

Base/store select behavior remains Radix reference context for trigger, content, items, and keyboard support.

Variants

Implemented variants and confirmed Figma notes; uncertain mapping details stay explicit.

Default triggerSmall triggerPlaceholderSelected itemDisabled itemInvalid

Token Notes

Token decisions that should stay visible while the catalog is migrated.

Implementation supports default and sm trigger sizes through SelectTrigger size.
Normal trigger focus uses Koyo brand border/ring tokens; invalid trigger state uses border-destructive and ring-koyo-focus-error/30.
Checked Select items use Koyo brand text for the item indicator and secondary token surfaces for focus.
This is a partial form-control migration: trigger focus, invalid state, and selected item color are tokenized; full Select visual parity is pending.
Exact Koyo Figma select component IDs, item height, and content spacing are not confirmed in the available Figma map.

Code Targets

Files the docs entry points at today, ready for later catalog linking.

Source
Select source
src/components/ui/select.tsx
Metadata
Koyo metadata
src/config/koyo-components.ts

PreviousKoyo Input

NextKoyo Checkbox