Vuetify: [Feature Request] v-color-picker new prop to hide sliders / show swatches only ?

[laurent-brisbois]

Problem to solve

In my use case, I'd like to enable the user to only pick a color among a predefined set of colors (aka. swatches) But there is no prop to remove these sliders :

Would it be possible to add this feature ?

From now on I did this :

<v-color-picker
  flat
  hide-canvas
  hide-inputs
  show-swatches/>

which result in this :

Proposed solution

Add a prop hide-sliders (or whatever the name) so that it can be hidden.

Then it would be possible to have a colorpicker that looks like this (if :swatches is defined of course or it displays the full list) :

[ryo-gk]

About design spec,
where is it good to place the color-preview?
I have now 2 ideas, and I want to hear your opinions.

Case1. just hide sliders.

Case2. arrange next to mode(rgba, hsla, hexa)

[laurent-brisbois]

@ryo-gk
Is it mandatory to have a color preview ? I mean check the last image of my original post. there is a v and a border on the chosen color in the swatches.

[ryo-gk]

@laurent-brisbois
Thank you for your quick reply.
You mean like below images if hide-sliders is true, is my understand right?

[laurent-brisbois]

@ryo-gk
Yes. And if you hide the rgba too only the swatches remain.

[ryo-gk]

Thanks, I'll take this one.

[tylermmorton]

Great suggestion, I'll be watching this closely :) Let me know if I can help with the PR

[laurent-brisbois]

@ryo-gk Are you still on it ? :)

[mattStayner]

I would like this too, only I would like to just show the swatches and the transparency slider.

[GTaylorRabbit]

Would love the prop: hide-sliders as well.
I am currently using the disabled prop, as it only seems to disable the sliders of the color picker. The sliders still show, but they are greyed out:

[Mikilll94]

It seems that @ryo-gk PR is abondoned. That's why I have created a new PR https://github.com/vuetifyjs/vuetify/pull/12618 with almost the same changes as @ryo-gk did.