0.0.1 • Published 8 months ago

@licuido-ui/ui_responsive-stepper v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
8 months ago

Stepper

The Stepper component is a customizable React component that allows you to create a step-by-step user interface for guiding users through a process or workflow. It can be used to represent a multi-step form, a progress tracker, or any scenario where sequential navigation is required.

Author

Link

Story Book Link stepper

PlayGround

Try it have a fun codeBox

Installation

npm i @licuido-ui/ui_responsive-stepper

Import component

import { Stepper } from '@licuido-ui/ui_responsive-stepper';

Usage

  <ResponsiveStepper
        variant='vertical'
        steps={steps}
        icons={icons}
        activeStep={activeStep}
        labelPositionStyle={{ top: 19 }}
      /> />

Image

alt text

Sample Code

<ResponsiveStepper
  variant='vertical'
  steps={steps}
  icons={icons}
  activeStep={activeStep}
  labelPositionStyle={{ top: 19 }}
/>

Props

NameDescriptionDefaultControl
variantstringstringstring
stepsStepData[][]string[]
iconsReactElement{ }ReactElement
activeStepnumber[]number
activeLineStyleSxProps0SxProps
classNamestring-string
sxSxProps-SxProps
completedLineStyleSxProps-SxProps
lineStyleSxProps-SxProps
labelStyleSxProps-SxProps
stepIconStyleSxProps-SxProps
activeStepIconStyleSxProps-SxProps
completedStepIconStyleSxProps-SxProps
connectorOverAllStyleSxProps-SxProps