question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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 : image

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 :

image

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) :

image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:5
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
laurent-brisboiscommented, Jul 9, 2020

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

1reaction
laurent-brisboiscommented, Oct 28, 2020

@ryo-gk Are you still on it ? 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

vuetify - UNPKG
You can overwrite this functionality by using the `absolute` prop" ... 400, "description": "Hides the menu when there are no options to show....
Read more >
Color panel - Affinity Help
These swatches change appearance for some vector tools. Fill Tool: Only one color selector swatch is shown to represent the color of the...
Read more >
v-tabs API - Vuetify
name type default #active‑class string undefined #align‑with‑title boolean false #background‑color string undefined
Read more >
Apply paints with the color picker – Figma Help Center
Add, remove or adjust fill properties at any time. You can adjust fill in the Design panel of the right sidebar. Selection colors...
Read more >
no specific threat - Hybrid Analysis
Not all malicious and suspicious indicators are displayed. Get your own cloud service or the full version to view all details. Suspicious Indicators...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found