Segment Display
7-segment LCD countdown display inspired by the iconic NERV ACTIVE TIME REMAINING timer. Features authentic segment rendering, color-shift on critical threshold, and blinking colon separators.
[i]ANIME REFERENCE
Based on the large orange/red countdown displays showing EVA internal battery remaining time. The display shifts from orange to red as time runs out.
Default Countdown
inspection frame
live inspectionframe-01
ACTIVE TIME REMAINING
INTERNAL — MAIN ENERGY SUPPLY SYSTEM
Sizes
inspection frame
live inspectionframe-01
SMALL
MEDIUM
LARGE
Color Variants
inspection frame
live inspectionframe-01
ORANGE
GREEN
CYAN
RED
Critical Threshold
When countdown reaches the threshold (default 60s), the display automatically turns red:
inspection frame
live inspectionframe-01
CRITICAL — BATTERY LOW
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | 0 | Value in seconds (countdown) or raw number |
| countdown | boolean | false | Auto-decrement every second |
| format | 'H:MM:SS' | 'MM:SS' | 'SS' | 'raw' | 'H:MM:SS' | Display format |
| digits | number | — | Fixed digit count for raw mode |
| color | 'orange' | 'red' | 'green' | 'cyan' | 'orange' | Base color |
| criticalThreshold | number | 60 | Seconds threshold for red color shift |
| label | string | — | Top label text |
| subLabel | string | — | Bottom sub-label text |
| size | 'sm' | 'md' | 'lg' | 'xl' | 'lg' | Size preset |
| blinkSeparator | boolean | true | Blink the colon separators |
| onComplete | () => void | — | Called when countdown reaches zero |