Kpi

A number with its change and trend.

Documentation

API reference on docs.rs

Example

Revenue

184,250

Up 12.4% from the previous period

Target 200,000, 92% reached

Average wait

6.5 min

Down 9.0% from the previous period

Show code

use zeyn::prelude::*;

pub fn overview(_ctx: &Ctx) -> Node {
    Row::new()
        .col(
            Kpi::new("Revenue", 184_250.0)
                .delta(12.4)
                .target(200_000.0)
                .trend([140.0, 152.0, 160.0, 184.0]),
        )
        .col(
            Kpi::new("Average wait", 6.5)
                .decimals(1)
                .unit("min")
                .delta(-9.0)
                .lower_is_better(),
        )
        .into()
}