Wizard.Step
A wizard presents a series of steps in prescribed order. That the user needs to complete in order to accomplish a goal (e.g. purchase a product)
(code example)
note
Use Wizard with nested Wizard.Step(s) to achieve the desired result.
#
Usage<Wizard.Step state={Wizard.States.ENABLED} label={'Label'}/>
#
API#
accessibilityInfoExtra text to be read in accessibility mode
string
#
circleBackgroundColorCircle's background color
string
#
circleColorColor of the circle
string
#
circleSizeThe step's circle size (diameter)
number
#
colorColor of the step index (or of the icon, when provided)
string
#
connectorStyleAdditional styles for the connector
ViewStyle
#
enabledWhether the step should be enabled
boolean
#
iconIcon to replace the (default) index
ImageProps
#
indexLabelStyleAdditional styles for the index's label (when icon is not provided)
TextStyle
#
labelThe label of the item
string
#
labelStyleAdditional styles for the label
TextStyle
#
stateThe state of the step (Wizard.States.X)
WizardStepStates