Touchmove is used with preventDefault() to block scrolling on mobile while rotating the color knob. Why does Google Chrome throw a Added non-passive event listener to a scroll-blocking 'touchmove' event. We suggest to add a custom slider for saturation and luminosity or use. on rotation).īack To Top First Asked Questions How to select other shades of the solid colors? Defaults to false.Īmount of degrees to rotate the picker with keyboard and/or wheel.Ĭallback which is triggered when a color is selected.Ī function to invoke when color is changed (i.e. Object for initializing/changing the color of the picker. component has several props and events, of which only v-model is required. You can also use the minified sources directly: If you're using vue-cli or poi you don't have to do anything else - these tools come preconfigured and support CSS/SCSS import out of the box. There's an example with browserify and with webpack. Mouse ScrollUp to increase and ScrollDown to decrease hue (Opt-in)Ĭolor Picker on npm npm install in your app: Īlpha: on your build tool of choice (webpack, browserify, rollup) you may have to setup the appropriate loaders or plugins.Enter to select a color and close the picker or to open it.Bottom or Left arrow key decrease hue.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |