UI Playground
Library Kit
v0.1

组件库

62 个组件 · 跨 9 个分类

EV Dashboard 参考

reference
#ref-dashboard

原参考变体面板 · 玻璃顶栏 / Hero / 工作负载 / 站点状态等手工还原的参考布局。

变体 · Variants

1 项
full

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1

全状态 · States

5 项
default

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1
hover

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1
focus

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1
disabled

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1
error

Dashboard

413
Unique drivers
216
Active Sessions
120m
Session length
Search
Status ▾
Station ▾
123 Main Street, Springfield, 98765
Need service

GreenCharge
EV Station

50 kW Total 2

健康分3.5-0.3
能源 · 38碳排 · 34合规 · 28
3
需关注告警
5
AI 优化建议
82%
PER 字段就绪
Work load24h 实时
8
Ports
15
Clients
现在 08:00
峰 122 kWh
00:0006:0012:0018:0024:00
今日累计346kWh↓4.3% vs 昨日
实时同步 · 5s 前
Real time power
25%50%75%64%
983kW
Ceiling
1535 MWh
Energy Average
18,832MWh
Financials
$12,376
Fees
$14k
$2,271
Cost
Station Status
66Ports
In UseAvailableNeed serviceNot ready
0%50%100%
00:00
03:00
06:00
09:00
12:00
15:00
18:00
21:00
24:00
Sessions Total
12,376
500
1000
750
Mar
Feb
Dec

Sparkline KPI 卡片

实时功率
2,481kW
3.2%
今日能耗
48.3MWh
1.4%
碳排
12.7tCO₂e
2.8%
收益
$24.1k
5.6%

状态标签 / 圆形按钮组

In Use · 28Available · 12Need service · 3Offline · 1
error