Wizard
Wizard
jsx
import Wizard from 'intergalactic/wizard';
<Wizard />;
WizardProps
& {...}Name | Type | Description |
---|---|---|
step | Active step value | |
locale | string |
Wizard.Sidebar
jsx
import Wizard from 'intergalactic/wizard';
<Wizard.Sidebar />;
WizardSidebarProps
& {...}Name | Type | Description |
---|---|---|
title | React.ReactNode | Sidebar title |
Wizard.Stepper
jsx
import Wizard from 'intergalactic/wizard';
<Wizard.Stepper />;
WizardStepperProps
& {...}Name | Type | Description |
---|---|---|
step | Step value | |
onActive | ((step: , e: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>> | Is invoked when active the step |
number | React.ReactNode | Stepper number |
completed | boolean | Is the step completed |
disabled | boolean |
Wizard.Step
jsx
import Wizard from 'intergalactic/wizard';
<Wizard.Step />;
WizardStepProps
& {...}Name | Type | Description |
---|---|---|
step | Step value | |
disabled | boolean | Disabled step |
Wizard.StepBack
jsx
import Wizard from 'intergalactic/wizard';
<Wizard.StepBack />;
WizardStepBackProps
& {...}Name | Type | Description |
---|---|---|
onActive | ((step: , e: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>> | |
stepName | string |
Wizard.StepNext
jsx
import Wizard from 'intergalactic/wizard';
<Wizard.StepNext />;
WizardStepNextProps
& {...}Name | Type | Description |
---|---|---|
onActive | ((step: , e: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>> | |
stepName | string |