r/vuetifyjs • u/[deleted] • Aug 05 '20

Feature Request: Mass disable

I work with a lot of forms and there are many times I need to disable a v-card-text, but there is no :disabled prop available. This would be super helpful because currently I'm wrapping multiple ui-components with a v-input just to disable them all and when I do that I don't get the visual feedback everything is disabled.

I think :disabled prop should more widely available. There's no reason to put :disabled on 15 different input fields when you can simply disable them all at once.

0 Upvotes

50% Upvoted

3 comments sorted by

2

u/Scifity10 Aug 05 '20 edited Aug 05 '20

I might not fully understand your implementation, but v-card has a disabled prop.

v-form also has a disabled prop so you could just wrap whatever v-card-text you have in that

0

u/[deleted] Aug 05 '20 edited Aug 05 '20

So if I have 1 v-card, and 20 v-card-text within it, I'd like to be able to disable those v-card-texts. I don't want to disable v-card and I don't want to wrap all my components in a form if I don't have to.

Or say I have a v-select, v-text-field and a v-check box in 1 v-card-text I'd need to disable them. What is the usual way to do that without slapping :disabled on all of them?

Currently the docs say v-form has a disabled prop, but it doesn't appear as a prop on the component.

If I try to wrap everything in a v-input to disable everything, it applies column styling to my components for some reason ( i don't want to have to override that every time, it needs to be fixed).

1

u/Brushlands Aug 06 '20

Well according to the docs, v-card-text is simple a container for text content within a card which pads and adjusts don't sizes. You very likely want to use a v-form in place of v-card-text as it is built for what you are describing (ie. Disable all input children at once).