<baht-meter>
Spent-against-budget meter. The fill carries severity (accent → warning → danger); the
unfilled track is a lighter step of the same ramp. Severity is never color alone — warning
and danger add an icon and the worded status. danger is strictly above its
threshold, so spending exactly the budget reads as “At budget”, not “Over budget”.
Budget pace
Events (name)
<baht-meter label="Food" value="3180" max="4000" format="currency" expected="2933"></baht-meter>
<baht-meter label="Transport" value="3400" max="4000" format="currency" expected="2933"></baht-meter>
<baht-meter label="Fun" value="4200" max="3500" format="currency" expected="2566"></baht-meter>| Name | Type | Default | Description |
|---|---|---|---|
value | number | 0 | Amount used so far |
max | number | 100 | The budget the value is measured against |
label | string | '' | Sentence-case caption |
format | ChartFormat | 'number' | number | currency | percent | compact |
currency | string | 'THB' | ISO code; THB renders ฿ |
thresholdsJS | MeterThresholds | { warning: 0.8, danger: 1 } | Fractions of max where the fill turns warning / danger |
expected | number | null | null | Pace marker: where the value should be by now |
over-label | string | 'Over budget' | Danger wording |
at-label | string | 'At budget' | Wording when the value has reached max exactly |
near-label | string | 'Near limit' | Warning wording |