Socket
Socket
Sign inDemoInstall

svelte-chroma-picker

Package Overview
Dependencies
2
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    svelte-chroma-picker

A color picker for Svelte using chroma-js to do the color manipulations


Version published
Weekly downloads
58
decreased by-34.09%
Maintainers
1
Install size
1.14 MB
Created
Weekly downloads
 

Readme

Source

svelte-chroma-picker

What?! Yet another color picker? Yep, I wanted to learn svelte.

Npm version Npm downloads License

Installation

yarn add svelte-chroma-picker
npm i --save svelte-chroma-picker

Usage

To use it, simply import it as a svelte component.

<script>
  import ChromaPicker from 'svelte-chroma-picker';

  let color = '#fff';
</script>

<ChromaPicker bind:color />

Play with this example on Code Sandbox.

Options

You have a few options at your disposal.

  • color. Obviously, the color you want to bind to.
  • width and height. You can control the size of the color box for the picker.

Events

  • update. Dispatched every time you change the color. It returns an object with the rgb and hsv values for the current color, should you need them.

Check out the Demo.

A note on accessibility

I'm still working on making this 100% keyboard and screen reader accessible. Pull requests welcome!

License

MIT License - fork, modify and use however you want.

Keywords

FAQs

Last updated on 12 Jun 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc