Components · Data
Table
A data table with numeric-aligned cells and selectable rows, for track lists and sensor tables. Composable header/body/row/cell parts.
Live in all three modes
Day · Night-NVG · Mono — one component, re-themed through the token layer.
| Track | Affiliation | Range |
|---|---|---|
| T-14 | Hostile | 4.2 km |
| T-09 | Unknown | 7.8 km |
| T-02 | Friendly | 1.1 km |
| Track | Affiliation | Range |
|---|---|---|
| T-14 | Hostile | 4.2 km |
| T-09 | Unknown | 7.8 km |
| T-02 | Friendly | 1.1 km |
| Track | Affiliation | Range |
|---|---|---|
| T-14 | Hostile | 4.2 km |
| T-09 | Unknown | 7.8 km |
| T-02 | Friendly | 1.1 km |
Variants & states
- selectable rows
- numeric cells
- header / body composition
Tokens used
--semantic-color-surface-card--semantic-color-surface-raised--semantic-color-border-default--semantic-color-action-primary
Copy-paste
import { Table, THead, TBody, TR, TH, TD } from 'operator-components';
<Table>
<THead><TR><TH>Track</TH><TH>Range</TH></TR></THead>
<TBody><TR selected><TD>T-09</TD><TD numeric>7.8 km</TD></TR></TBody>
</Table>Figma: library link coming soon — gated until it's on sole-owned footing. (TODO: replace with the Community/library URL once published.)