Components · Form

Button

A button with default / primary / danger intents across three sizes and loading/disabled states. Built on MIT-licensed primitives, themed across all three modes.

Live in all three modes

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

Day
Night-NVG
Mono

Variants & states

  • intent: default / primary / danger
  • size: sm / md / lg
  • loading, disabled

Tokens used

  • --semantic-color-action-primary
  • --semantic-color-action-primary-hover
  • --semantic-color-status-critical
  • --semantic-color-surface-base

Copy-paste

import { Button } from 'operator-components';

<Button intent="primary" size="md">Confirm</Button>
<Button intent="danger">Abort</Button>

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