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 |