<baht-sparkline>

Micro trend line — no axes, no ticks, no tooltip. Used inside <baht-stat> and anywhere a number needs its recent shape beside it.

30-day balance

accent-lastwidthheight

HTMLReactAngular

Copy

<baht-sparkline width="160" height="32"></baht-sparkline>

<script>
  const el = document.querySelector('baht-sparkline');
  el.values = [
    12400,
    12900,
    12100,
    13600,
    14200,
    13800,
    15100,
    15600
  ];
</script>

Props

Name	Type	Default	Description
values	number[]	[]	Points, oldest first; under two renders nothing
width	number	96	Drawing width in px
height	number	24	Drawing height in px
accent-last	boolean	true	Accent dot on the newest point
color	string	''	Line color; defaults to --baht-chart-muted
label	string	''	Accessible name