Sparkline

One series inline: 80×24, the last point as a dot.

gpt-534

<div className="flex items-center gap-12 text-body text-fg">
      <span className="mono text-small">gpt-5</span>
      <Sparkline aria-label="Requests over 7 days, rising" values={[12, 18, 15, 22, 28, 26, 34]} />
      <span className="tabular">34</span>
    </div>

import { Sparkline } from "@logicplanes/kaeso-ui";

Props

aria-label
string
The chart's accessible name ("Requests by model").
color
string = var(--k-viz-1)
The line's color (var(--k-viz-1) by default). Pass seriesColor(id) to match the series elsewhere.
fluid
boolean
Fills the container's width at 32px high, without the last point's dot, as in a stat tile. Otherwise it is 80×24.
values
number[]
The values in order, oldest first.