StackedBar

Prop

Type

Default

Description

Props

11 props

segments *

StackedSegment[]

–

label

string

–

What the bar measures (e.g. "Traffic sources"); leads the accessible name.

hideLegend

boolean

false

Hide the legend (the labelled dots below the bar).

detailed

boolean

false

A two-column legend with separate right-aligned share readouts.

legendSegments

StackedSegment[]

–

The series to identify in a shared comparison legend. Defaults to this strip.

track

boolean

false

Paint the unfilled remainder as a muted rail, so a bar whose segments sum to zero still reads as a bar rather than as blank space. A composition of nothing (an empty queue, a metric at zero) is a real state to draw, and without the rail it draws as an absence.

tall

boolean

false

A 24 px strip instead of the default 8 px pill; capacity strips use 14 px bands.

subtle

boolean

false

Draw the segments as washes of their ramp colours rather than at full strength. For a bar that supports a headline rather than being one (the strip under a metric's value), where a solid bar outweighs everything around it.

max

number

–

The capacity the segments are shares of (100 GB of storage): each segment is its value over max, and the room left is drawn as one remainder segment on the raised surface fill, left out of the legend. Omit to split the strip by the segments' own total. A max under the segments' total is ignored.

testID

string

–

E2E hook forwarded to the root element.

style

LayoutStyle

–

For sizing/composition only.