scp

svelte-chroma-picker

A color picker written in Svelte

Showing:

Popularity

Downloads/wk

22

GitHub Stars

3

Maintenance

Last Commit

7mos ago

Contributors

1

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Readme

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.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Tutorials

No tutorials found
Add a tutorial