Easy way to make a wizard on your website. you can guide your users step by step.
<Wizard
contentAlign="center"
steps={[
{
name: 'Step 1',
component: (
<Container>
<Video source="https://youtu.be/dCrLwWdju68" />
</Container>
)
},
{
name: 'Step 2',
component: (
<Container>
<Gif autoplay image="https://front10.com/landing-page-book/images/gif/write.gif" />
</Container>
)
},
{
name: 'Step 3',
component: (
<form>
<FormGroup>
<Input label="Name" labelColon />
</FormGroup>
<FormGroup>
<Input label="Email" labelColon type="email" />
</FormGroup>
<FormGroup>
<Input label="Address" labelColon type="textarea" />
</FormGroup>
<Social url="https://front10.com" type="twitter" />
<Social url="https://front10.com" type="linkedin" />
<Social url="https://front10.com" type="google" />
<Social url="https://front10.com" type="pinterest" />
</form>
)
}
]} />