Wizard

import Wizard from '@semcore/ui/wizard';
<Wizard />;

WizardProps

& {...}

Name	Type	Description
step		Active step value
locale	string	Specifies the locale for i18n support

Wizard.Sidebar

import Wizard from '@semcore/ui/wizard';
<Wizard.Sidebar />;

WizardSidebarProps

& {...}

Name	Type	Description
title		Sidebar title

Wizard.Stepper

import Wizard from '@semcore/ui/wizard';
<Wizard.Stepper />;

WizardStepperProps

& {...}

Name	Type	Description
step		Ordered step position from 0
onActive	((step: , e: | ) => void) |	Is invoked when active the step
number		Stepper number
completed	boolean	Is the step completed
disabled	boolean	Disables interaction with the stepper

Wizard.Step

import Wizard from '@semcore/ui/wizard';
<Wizard.Step />;

WizardStepProps

& {...}

Name	Type	Description
step		Ordered step position from 0
disabled	boolean	Disabled step

Wizard.Content

import Wizard from '@semcore/ui/wizard';
<Wizard.Content />;

WizardContentProps

& {...}

Name	Type	Description
noSidebar	boolean	Renders wizard content container with border-radius on the left side

Wizard.StepBack

import Wizard from '@semcore/ui/wizard';
<Wizard.StepBack />;

WizardStepBackProps

& {...}

Name	Type	Description
onActive	((step: , e: ) => void) |	Callback invoked when navigating to the previous step
stepName	string	Step name being navigated to

Wizard.StepNext

import Wizard from '@semcore/ui/wizard';
<Wizard.StepNext />;

WizardStepNextProps

& {...}

Name	Type	Description
onActive	((step: , e: ) => void) |	Callback invoked when navigating to the next step
stepName	string	Step name being navigated to