Stepper
@stellaria/nebula-webStepperPropsPreview
Props
12| Prop | Type | Default |
|---|---|---|
active required | number | — |
allowNextStepsSelect | boolean | false |
children | ReactNode | — |
className | string | — |
color | ColorExtended | "primary" |
labels | Partial<StepperLabels> | — |
onStepClick | ((step: number) => void) | — |
orientation | StepperOrientation | "horizontal" |
rootClassName | string | — |
size | Size | "md" |
steps required | readonly StepperStep[] | — |
variant | StepperVariant | "filled" |
Slot props
7Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
bodyProps Label and description column. | BoxSlotProps | — |
bulletProps The step bullet. Its size comes from `size`; the slot composes with it. | BoxSlotProps | — |
descriptionProps The description, when the step has one. | TextSlotProps | — |
itemProps Every step. It carries `data-state`, which is where its tint comes from. | BoxSlotProps | — |
labelProps The step label. | TextSlotProps | — |
listProps The list of steps. | BoxSlotProps | — |
stepProps The pressable area of the step. It is a button only on the steps `onStepClick` can activate — reachable, not disabled and not the current one; on the rest it is a span. | BoxSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.