Add Stepper Component

[aswinshenoy]

Props

• isVertical - bool, false
• variant - string, ENUM - checkbox | icon | numbered | minimal
• items - StepType[]
• id
• className
• stepClassName
• onChange
• currentStep - string - id

type StepType = {
  id: str
  title?: str
  description?: str
  isCompleted?: bool #(default false)
  icon?: <Icon>
}

Samples

https://tailwindui.com/components/application-ui/navigation/steps

https://pro.chakra-ui.com/components/application/steps

Example of checkbox

Example of checkbox, but without title or description

Example of numbered

Example of vertical

Example of numbered vertical

Example of minimal

[Advaith3600]

https://flowbite.com/docs/components/stepper/