Wizard

jsx

import Wizard from 'intergalactic/wizard';
<Wizard />;

import Wizard from 'intergalactic/wizard';
<Wizard />;

& {...}

Name	Type	Description
step		Active step value

jsx

import Wizard from 'intergalactic/wizard';
<Wizard.Sidebar />;

import Wizard from 'intergalactic/wizard';
<Wizard.Sidebar />;

& {...}

Name	Type	Description
title	React.ReactNode	Sidebar title

Wizard.Step

jsx

import Wizard from 'intergalactic/wizard';
<Wizard.Step />;

import Wizard from 'intergalactic/wizard';
<Wizard.Step />;

& {...}

Name	Type	Description
step		Step value
disabled	boolean	Disabled step

jsx

import Wizard from 'intergalactic/wizard';
<Wizard.Stepper />;

import Wizard from 'intergalactic/wizard';
<Wizard.Stepper />;

& {...}

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