Surveillance Grid
Multi-camera monitoring grid inspired by NERV's surveillance system displays. Each cell can show different statuses including SIGNAL LOST, WARNING, and OFFLINE.
[i]ANIME REFERENCE
Based on the multi-panel camera feeds showing Tokyo-3 surveillance stations with Japanese location labels and real-time status indicators.
Default Grid
inspection frame
live inspectionframe-01
TOKYO-3 SURVEILLANCE NETWORK
CAM-01
SECTOR 7-A
Side-A
CAM-02
SECTOR 12-B
Side-B
SIGNAL LOST
CAM-03
GEO-FRONT EAST
Side-C
WARNING
CAM-04
SECTOR 3-A
Side-A
CAM-05
LAKE ASHINO
Side-B
OFFLINE
CAM-06
DOGMA ENTRANCE
Side-C
2-Column Layout
inspection frame
live inspectionframe-01
EVA CAGE MONITORS
CAGE-00
EVA-00 BAY
CAGE-01
EVA-01 BAY
WARNING
CAGE-02
EVA-02 BAY
OFFLINE
CAGE-03
RESERVE BAY
Orange Theme
inspection frame
live inspectionframe-01
PERIMETER DEFENSE
PD-01
NORTH GATE
PD-02
EAST WALL
SIGNAL LOST
PD-03
SOUTH GATE
PD-04
WEST WALL
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| feeds* | SurveillanceFeed[] | — | Array of camera feed definitions |
| columns | 2 | 3 | 4 | 3 | Number of grid columns |
| color | 'green' | 'cyan' | 'orange' | 'green' | Color theme |
| title | string | — | Title text at top |
| showTimestamp | boolean | true | Show live timestamp |
| animated | boolean | true | Animate status overlays |
//SurveillanceFeed
| Prop | Type | Default | Description |
|---|---|---|---|
| id* | string | — | Unique feed ID (e.g. 'CAM-01') |
| label* | string | — | Location label |
| subLabel | string | — | Secondary label |
| status | 'active' | 'signal-lost' | 'warning' | 'offline' | 'active' | Feed status |
| imageUrl | string | — | Background image URL |