material-tailwind icon indicating copy to clipboard operation
material-tailwind copied to clipboard

Add Vertical Orientation Option to Stepper Component

Open timndichu opened this issue 1 year ago • 0 comments

Description:

I would like to propose the addition of a vertical orientation option to the Stepper component in this Tailwind CSS component library. Currently, the library provides a horizontal Stepper component, which is great for certain use cases. However, a vertical Stepper component would be highly beneficial for scenarios where a vertical layout is preferred.

image

Suggested Implementation:

To achieve this, we can introduce a new class or configuration option that allows users to toggle between horizontal and vertical orientations for the Stepper component. Users can then apply this class or configuration to the Stepper component to switch between the two orientations.

Maybe something like:

<!-- Horizontal Stepper -->
<Stepper orientation="horizontal">
  <!-- ... Steps go here ... -->
</Stepper>

<!-- Vertical Stepper -->
<Stepper orientation="vertical">
  <!-- ... Steps go here ... -->
</Stepper>

I'd like to take a moment to express my sincere appreciation for the hard work and dedication that the maintainers of this component library have shown thus far. Your contributions have been instrumental in improving the development experience for many of us, and I look forward to seeing this library continue to grow and evolve.😀

timndichu avatar Sep 13 '23 10:09 timndichu