Feedback & Status
Progress
client26.5 kB
@stellaria/nebula-webProgressPropsPreview
Props
13| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
className | string | — |
color | ColorExtended | "primary" |
indeterminate | boolean | — |
label | string | — |
max | number | — |
segments | readonly ProgressSegment[] | — |
size | Size | Unit | — |
striped | boolean | — |
thickness | number | — |
type | "bar" | "ring" | — |
value | number | 0 |
variant | ProgressVariant | — |
Slot props
2Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
fillProps Every segment of the bar. It spreads over ALL of them. Their width and colour are written AFTER the slot, because they are the data; everything else can be adjusted. It does not exist with `type="ring"` nor with `indeterminate`, which is a separate animated layer. | BoxSlotProps | — |
ringLabelProps The label at the centre of the ring, which is the node wrapping `children`. It only exists with `type="ring"` and only with `children`; on the bar nothing is rendered. | TextSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.
Style props · 127