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	React.ReactNode	Sidebar title

Wizard.Stepper

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

WizardStepperProps

& {...}

Name	Type	Description
step		Step value
onActive	((step: , e: React.SyntheticEvent<> | React.KeyboardEvent) => void) | React.Dispatch<React.SetStateAction<>>	Is invoked when active the step
number	React.ReactNode	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		Step value
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: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>>	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: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>>	Callback invoked when navigating to the next step
stepName	string	Step name being navigated to