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