Props

Props are named like the Figma variants, so a chart reads the same on both sides. Every chart takes a size and its data; most also take a legend.

PropValuesIn Figma

sizexssmlsize = XS · S · M · L

legendtruefalselegend = on · off

dataRows for the typeThe sample data in the file

Types without a legend

31 types label their marks directly, so they have no legend prop and only legend = off in Figma.

usage.tsx

<Waterfall  size="m"  legend  data={rows}/>

Figma variantProp

size=XSsize="xs"

size=Ssize="s"

size=Msize="m"

size=Lsize="l"

legend=onlegend

legend=offlegend={false}