vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.78k stars 6.95k forks source link

[Feature Request] VStepper: Pass item object properties to item components #19036

Open mringler opened 9 months ago

mringler commented 9 months ago

Problem to solve

When passing an array of objects in the items prop of VStepper, it automatically generates VStepperItem components from it. Currently, the only props of VStepperItem that can be set through these objects are value and title. I would like to set other props from VStepperItem too, like completed, rules, disabled, icon, etc.

Proposed solution

VStepper creates internal items from the passed-in items, which are then bound to VStepperItem. An internal item has three properties, value, title and raw (the initial item - object or string). It would be easy to take over other props from the initial objects as well.

The playground shows the differences between using the items prop and binding the items manually to VStepperItem.

throrin19 commented 9 months ago

I need this request too. Actually it's impossible to customize stepper headers if we pass items in it but we want set errors of specific step if needed using the generic component and not an made ourself component for each step usage.

I don't understand why you made it finished. Actually the component is still in labs for me.....