gauge_kit_dashboard_kit library
Dashboard Kit — pre-styled "smart car dashboard" composite widgets built entirely on top of the core gauge_kit engine.
This is a high-level abstraction layer, not a new rendering engine: every
widget here is a StatelessWidget that configures ArcGauge or
LinearGauge (via GaugeStyle/GaugeTokensOverride) and wraps the
result in a rounded "glass card". Use it when you want the bento-grid,
gradient-ring look of a modern in-car dashboard without hand-tuning
tokens yourself — drop in a preset, or compose GaugeRingCard /
GaugeBarCard directly for a custom stat.
Import alongside gauge_kit.dart:
import 'package:gauge_kit/gauge_kit.dart';
import 'package:gauge_kit/gauge_kit_dashboard_kit.dart';
Classes
- BatteryStatCard
- Pre-styled battery card — ring gauge showing charge percentage, turning lowColor then criticalColor as the charge drops below lowThreshold/criticalThreshold.
- ClimateStatCard
- Pre-styled cabin-temperature card — ring gauge in °C.
- DashboardCard
- The rounded "glass card" chrome shared by every dashboard stat card — background, border, corner radius, and an optional accent-coloured glow shadow.
- DashboardCardHeader
- The icon-badge + label row used as the header of every dashboard stat card.
- DashboardCardStyle
- Shared "card chrome" for the dashboard stat card kit — background, border, corner radius, padding, and text styles.
- EcoScoreStatCard
- Pre-styled eco-driving score card — ring gauge, 0–100 score.
- FuelStatCard
- Pre-styled fuel-level card — pill-shaped bar gauge, percentage, turning lowColor below lowThreshold.
- GaugeBarCard
- A rounded "glass" card with a large numeral and a pill-shaped gradient progress bar beneath it.
- GaugeListTile
- A full-width horizontal row: icon badge, label + big value on the left, a slim inline progress indicator on the right.
- GaugeRingCard
- A rounded "glass" card with a circular/arc progress ring and a large numeral centred inside it.
- RangeStatCard
- Pre-styled driving-range card — ring gauge showing remaining range as a fraction of maxRangeKm, with the absolute kilometre figure centred.
- SpeedStatCard
- Pre-styled speed card — a large ring gauge with the current speed centred inside it. Typically used as the hero card in a StatCardGrid.
- StatCardGrid
- A responsive "bento grid" layout for dashboard stat cards — an optional full-width hero card up top, with the rest flowing into a fixed-column grid beneath it.
- TirePressureStatCard
- Pre-styled tyre-pressure card — pill-shaped bar gauge in PSI, turning criticalColor outside the safeMin–safeMax range.
- TripStatCard
- Pre-styled trip-distance card — pill-shaped bar gauge showing progress toward targetKm.