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.

New component b-form-colorpicker ?

See original GitHub issue

With the same format as a b-form-datepicker (little popup), would it be possible to add a new component which would allow to pick a color ?

It would be named b-form-colorpicker and would enable the user to pick a color of its choice (either by picking a total ‘random’ one with the palette or among a predefined list of colors).

That would be awesome to have something builtin.

Example : image

  • Palette to pick ‘random’ color.
  • (remove the button to pick a color from sample)
  • possibility to chose with HEX value
  • possibility to chose with RGBA value
  • list of predefined colors OR standard ones (OR let the possibility to chose one or another method)

So by default :

  • Palette with color bar to chose the main color of the palette
  • HEX picker
  • RGBA picker
  • predefined list of standard colors (standard)
  • custom list of colors (only if provided, could co-exist with predefined ones) (grid)

It would then be possible to customize the color-picker with props such as : palette-only, grid-only, standard-only, hex-only, rgb-only, no-hex, no-rgb, no-palette, no-grid, no-standard

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:6
  • Comments:12 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
laurent-brisboiscommented, Mar 11, 2020

Added some ideas of props which could be implemented to customize this component.

1reaction
tmorehousecommented, Mar 12, 2020

For reference:

Websites provide access to services and goods, and may in themselves constitute a service, for example, where they are delivering information or entertainment to the public.

The duty to make reasonable adjustments requires service providers to take positive steps to ensure that disabled people can access services. This goes beyond simply avoiding discrimination. It requires service providers to anticipate the needs of potential disabled customers for reasonable adjustments.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Color Picker - Lightning Design System
The Unified Color Picker component allows for a fully accessible and configurable color picker, allowing the user to pick from a set of...
Read more >
ColorPicker (<b:colorPicker />)since 0.8.5
<b:colorPicker> is a simple inputText that display color swatches. The component provides a set of configuration to display the swatch in different positions ......
Read more >
Color picker component - Vuetify
The v-color-picker uses the v-model prop to control the color displayed. It supports hex strings such as #FF00FF and #FF00FF00, and objects ...
Read more >
Form Input | Components - BootstrapVue
<b-form-input> defaults to a text input, but you can set the type prop to one of ... inputs are native browser types, and...
Read more >
<input type="color"> - HTML: HyperText Markup Language
When a browser doesn't support a color picker interface, its implementation of color inputs will be a text box that validates the contents ......
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