Gauges & Charts
Segmented Meter
Striped energy bar with icon and percentage, and the vertical status meter on the HUD.
Source captures·from the SEED early-access trailer
Energy meter
Striped fill in a raised row with a bolt and the percentage.
Energy
80%
Tones & sizes
Vertical meter
Discrete cells filled from the bottom, beside the HUD character summary. The cap is a small round button.
In context
Status meter beside the character summary on the HUD.
Backpack 5Wallet 2498
GunteraAPI
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | 0–100. |
| tone | "green" | "orange" | "red" | "blue" | "green" | |
| SegmentedMeter.size | "sm" | "default" | "lg" | "default" | |
| SegmentedMeter.segment | number | 22 | Stripe period in px. |
| MeterRow.icon | ReactNode | — | Leading icon, tinted with the tone. |
| VerticalMeter.cells | number | 10 | |
| VerticalMeter.icon / onIconClick | ReactNode / () => void | — | Round cap button. |