New component b-form-colorpicker ?
See original GitHub issueWith 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 :
- 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:
- Created 4 years ago
- Reactions:6
- Comments:12 (6 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Added some ideas of props which could be implemented to customize this component.
For reference: