Steps
#
ExampleSimple step component with image and content.
children1
children2
children3
#
ActiveChange the step that expands on start with active
prop.
children1
children2
children3
#
Step#
ImageAdd image by img
prop.
children
#
TitleAdd title by title
prop.
Title
children
#
No buttonHide the "next" button by noButton
prop.
children1
children2
children3
#
Api#
StepsName | Type | Default | Description |
---|---|---|---|
children | any | Contain step components | |
active | number | Change the step that expands on start | |
maxStep | number | 6 | Limit the number of steps (always 6) |
#
StepName | Type | Default | Description |
---|---|---|---|
stepNumber | number | Define step number | |
active | number | Define which step that expands on start | |
img | string | Shows image | |
title | string | Shows title | |
children | React.ReactNode | Shows content of step | |
next | function | Define click function of next button | |
noButton | boolen | Hide the "Next" button | |
onClick | function | Define click handler function |