Components · Form

Input

A labelled text input with an optional monospace mode for grids and frequencies, plus an error state. Focus-visible and ARIA wiring built in.

Live in all three modes

Day · Night-NVG · Mono — one component, re-themed through the token layer.

Day
Night-NVG
Mono

Variants & states

  • label
  • mono
  • error
  • disabled

Tokens used

  • --semantic-color-surface-input
  • --semantic-color-border-default
  • --semantic-color-border-strong
  • --semantic-color-status-critical

Copy-paste

import { Input } from 'operator-components';

<Input label="Grid" mono defaultValue="38S MC 1234 5678" />
<Input label="Frequency" error="Out of band" />

Figma: library link coming soon — gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)