Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
mringler opened this issue Jan 12, 2024 · 1 comment · May be fixed by #19037
Open

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

mringler opened this issue Jan 12, 2024 · 1 comment · May be fixed by #19037
Labels
C: VStepper VStepper T: feature A new feature

Comments

@mringler
Copy link

mringler commented Jan 12, 2024

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.

mringler added a commit to mringler/vuetify that referenced this issue Jan 12, 2024
@mringler mringler linked a pull request Jan 12, 2024 that will close this issue
@throrin19
Copy link

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.....

@johnleider johnleider added T: feature A new feature C: VStepper VStepper and removed S: triage labels Jan 22, 2024
@johnleider johnleider modified the milestones: v3.x.x, v3.7.0 (Odyssey) Jan 22, 2024
mringler added a commit to mringler/vuetify that referenced this issue Mar 31, 2024
mringler added a commit to mringler/vuetify that referenced this issue May 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VStepper VStepper T: feature A new feature
3 participants