KPI Comparison gauges showcase — goal-oriented progress bars.
Tracks _kpi-comparison-gauges.scss from @keenmate/pure-admin-core 2.7.1+.
Default layout is a cell-min-driven auto-fit grid (cells stay at least
--pa-kpi-gauge-cell-min wide, default 20rem). grid_layout switches to
2col (deterministic 2-cols) or max_2..max_6 (cap auto-fit at N).
Override the cell minimum per instance via cell_min_width.
Summary
Functions
Renders one gauge tile inside a kpi_gauge_list/1.
Functions
Renders one gauge tile inside a kpi_gauge_list/1.
Bar fill width = bar_percent (0–100; not capped — overshoots are
signalled by sentiment colour, not by overflowing the bar). tick_position
shifts the target tick along the bar (default upstream 100% = right
edge); useful when the bar represents a wider scale with the target
inside.
Attributes
id(:string) - Defaults tonil.variant(:string) - Defaults tonil.Must be one ofnil,"positive","warning","negative", or"neutral".label_text(:string) - Defaults tonil.value_text(:string) - Defaults tonil.unit_text(:string) - Defaults tonil.prefix_text(:string) - Defaults tonil.bar_percent(:integer) - Bar fill width as a percentage (0-100; not capped visually). Defaults tonil.tick_position(:string) - CSS length / percent for--pa-kpi-gauge-tick-pos(default upstream100%). Defaults tonil.tick_color(:string) - Override for--pa-kpi-gauge-tick-color. Defaults tonil.scale_start_text(:string) - Defaults to"0".scale_end_text(:string) - Defaults tonil.detail_title_text(:string) - Defaults tonil.previous_value_text(:string) - Defaults tonil.target_text(:string) - Defaults tonil.delta_text(:string) - Defaults tonil.delta_absolute_text(:string) - Defaults tonil.delta_absolute_sentiment(:atom) - Defaults tonil.Must be one ofnil,:pos,:neg, or:warn.detail_rows(:list) - Defaults tonil.class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
labelvaluescaledetail
Attributes
title_text(:string) - Defaults tonil.is_live(:boolean) - Defaults tofalse.live_text(:string) - Defaults to"LIVE".footer_text(:string) - Defaults tonil.grid_layout(:string) - Defaults tonil.Must be one ofnil,"2col","max_2","max_3","max_4","max_5", or"max_6".cell_min_width(:string) - CSS length for--pa-kpi-gauge-cell-min(default upstream20rem). Defaults tonil.class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required) - Gauge tiles —kpi_gauge/1instances.footer