@spark-web/stepper NPM

title: Stepper

Example

<Stepper label="New finance application" activeIndex={2}>
  <Step heading="Product details" />
  <Step heading="Contact details" />
  <Step heading="Confirm your eligibility" />
  <Step heading="Household details" />
  <Step heading="Payment details" />
</Stepper>

Props

Stepper

Prop	Type	Description
activeIndex	number	Sets the index of the active step.
children	Array\<ReactElement\>	Children elements to be rendered within the component. Expected to be `Step`.
data?	DataAttributeMap	Sets data attributes on the component.
label?	string	Describes the purpose of the navigation to users of assistive technology.

Step

Prop	Type	Description
children	ReactNode	Children elements to be rendered within the component.
data?	DataAttributeMap	Sets data attributes on the component.
status?	"active" \| "waiting" \| "declined"	Status of the step (when active).
heading	string	Heading of the step.
secondaryHeading?	string	Secondary heading of the step.

@babel/runtime @emotion/css @spark-web/box @spark-web/divider @spark-web/icon @spark-web/stack @spark-web/text @spark-web/theme @spark-web/utils

@infinitebrahmanuniverse/nolb-_spa @everything-registry/sub-chunk-855 @zalastax/nolb-_spa

0.0.0

2 years ago