Wizard

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

WizardProps

& {...}

Name	Type	Description
step		Active step value
locale	string

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<>) => void) | React.Dispatch<React.SetStateAction<>>	Is invoked when active the step
number	React.ReactNode	Stepper number
completed	boolean	Is the step completed
disabled	boolean

Wizard.Step

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

WizardStepProps

& {...}

Name	Type	Description
step		Step value
disabled	boolean	Disabled step

Wizard.StepBack

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

WizardStepBackProps

& {...}

Name	Type	Description
onActive	((step: , e: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>>
stepName	string

Wizard.StepNext

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

WizardStepNextProps

& {...}

Name	Type	Description
onActive	((step: , e: React.SyntheticEvent<>) => void) | React.Dispatch<React.SetStateAction<>>
stepName	string