Edgecom Design System

Design System v1.0

Scroll area

A scrollable region with a styled scrollbar.

Vertical scroll

A fixed-height list that scrolls within its bounds.

Toronto DC — meters

Main Incomer12,840 kWh
HVAC Panel6,204 kWh
Lighting Panel3,118 kWh
Chiller Plant9,472 kWh
Rooftop Solar-2,410 kWh
EV Chargers1,905 kWh
Compressor Line7,336 kWh
Process Load A8,051 kWh
Process Load B5,628 kWh
Boiler Gas Meter4,417 kWh
Water Intake982 kWh
Cooling Tower3,540 kWh
Backup Generator0 kWh
Server Room6,915 kWh
Air Handler2,733 kWh
Refrigeration10,204 kWh
Tenant Submeter A1,470 kWh
Tenant Submeter B1,338 kWh

API reference

A scrollable region with a custom overlay scrollbar. Set orientation to vertical, horizontal, or both.

Full props on Base UI ScrollArea

Anatomy

`ScrollArea`	Root + viewport; auto-renders scrollbars per orientation.
`ScrollBar`	The draggable scrollbar track and thumb.