Wizard

Components

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

type

WizardProps

ModalProps & {...}

Property	Description
step* `WizardStep`	Active step value

Wizard.Sidebar

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

type

WizardSidebarProps

BoxProps & {...}

Property	Description
title `React.ReactNode`	Sidebar title

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

type

WizardStepProps

BoxProps & {...}

Property	Description
step* `WizardStep`	Step value
disabled `boolean`	Disabled step

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

type

WizardStepperProps

BoxProps & {...}

Property	Description
step* `WizardStep`	Step value
onActive `((step: WizardStep, e: React.SyntheticEvent) => void) \| React.Dispatch`	Is invoked when active the step
number `React.ReactNode` = incremental value	Stepper number
completed `boolean`	Is the step completed
disabled `boolean`