Trace Drawer

Hierarchical "How was this value calculated?" drawer. Clicking an aggregated result opens a drawer from the right with the full calculation pipeline — input values as leaves, formulas as sublabels.

Drawer Card Button Badge

Live Preview

Heating cost statement unit 4

Billing period 2024

Allocated heating costs €1,855.47

Features

Drawer layout with header / body / footer
Nested list structure via a recursive snippet
Formula display as a secondary label per step
Source references as Badges with a link indicator
Export action in the footer for PDF/clipboard

Code

TraceDrawer.svelte

Loading syntax highlighting...