Wizard

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

NSWizard.Props

& {...}

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 />;

NSWizard.Sidebar.Props

& {...}

Name	Type	Description
title		Sidebar title

Wizard.Stepper

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

NSWizard.Stepper.Props

& {...}

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 />;

NSWizard.Step.Props

& {...}

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

Wizard.StepTitle

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

NSWizard.StepTitle.Props

Wizard.Content

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

NSWizard.Content.Props

& {...}

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 />;

NSWizard.StepBack.Props

& {...}

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 />;

NSWizard.StepNext.Props

& {...}

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