Components · Form
Select
An accessible select built on Radix, with single-line truncation so long values never wrap or blow out the trigger width.
Live in all three modes
Day · Night-NVG · Mono — one component, re-themed through the token layer.
Variants & states
- options
- placeholder
- controlled / uncontrolled
Tokens used
--semantic-color-surface-input--semantic-color-surface-card--semantic-color-border-default--semantic-color-action-primary
Copy-paste
import { Select } from 'operator-components';
<Select aria-label="Affiliation" options={[
{ value: 'hostile', label: 'Hostile' },
{ value: 'friendly', label: 'Friendly' },
]} />Figma: library link coming soon — gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)