# @paraboly/pwc-color-picker
> Fully customizable pwc-color-picker web component with StencilJS via Paraboly
Latest version **2.0.1** (published 2020-01-27) · MIT license · 0 weekly downloads
## Install
```sh
npm install @paraboly/pwc-color-picker
pnpm add @paraboly/pwc-color-picker
yarn add @paraboly/pwc-color-picker
bun add @paraboly/pwc-color-picker
```
## Health
**Score 30/100 (F)** — status: abandoned.
Positive: has types; esm support; no vulnerabilities; high quality score.
Warnings: low downloads.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 2.0.1 |
| Published | 2020-01-27 |
| First published | 2019-11-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Şevval Eygül |
| Maintainers | freakycoder, parabolynpm, starikcetin |
| Keywords | paraboly, stencil, stenciljs, web-component, webcomponent, ui, frontend |
## Links
- npm: https://www.npmjs.com/package/@paraboly/pwc-color-picker
- Repository: https://github.com/Paraboly/pwc-color-picker
- Homepage: https://www.paraboly.com
- Issues: https://github.com/Paraboly/project-name/issues
- npm.io page: https://npm.io/package/@paraboly/pwc-color-picker
## Dependencies (1)
- [@simonwep/pickr](https://npm.io/package/@simonwep/pickr.md) ^1.5.0
## Alternatives
- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads
## Recent versions
- 2.0.1 (latest) — 2020-01-27
- 2.0.0-1 (next) — 2020-01-25
- 2.0.0 — 2020-01-26
- 2.0.0-0 — 2020-01-25
- 1.0.2 — 2020-01-25
- 1.0.1 — 2020-01-24
- 1.0.0 — 2020-01-23
- 0.0.8 — 2019-12-11
- 0.0.7 — 2019-12-11
- 0.0.6 — 2019-12-09
- 0.0.5 — 2019-12-03
- 0.0.4 — 2019-12-03
- 0.0.3 — 2019-11-08
- 0.0.2 — 2019-11-05
- 0.0.1 — 2019-11-05
## README
[](https://github.com/Paraboly/pwc-color-picker)
[](https://www.npmjs.com/package/@paraboly/pwc-color-picker)
[](https://www.npmjs.com/package/@paraboly/pwc-color-picker)
[](https://opensource.org/licenses/MIT)
## Basic pwc-color-picker Screenshots
## [Live Codepen Example](https://codepen.io/starikcetin/pen/XWJGxqb)
## Installation
### Script tag
- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc
### Node Modules
- Run `npm install @paraboly/pwc-color-picker --save`
- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc
### In a stencil-starter app
- Run `npm install @paraboly/pwc-color-picker --save`
- Add an import to the npm packages `import @paraboly/pwc-color-picker;`
- Then you can use the element anywhere in your template, JSX, html etc
# Usage
```html
```
## Checkbox onCheckChange Listener Usage
### JS Way
Also you can put this code into your html inside script tags. You can check the example as index.html
```js
const component = document.querySelector("pwc-color-picker");
component.addEventListener("colorPickedEvent", event => {
console.log("Event: ", event.detail);
});
component.colors = ["#989898", "#101516", "#951955", "#130394", "#444444"];
```
## Authors
Şevval Eygül
## License
WebComponent PWC Color Picker is available under the MIT license. See the LICENSE file for more info.
---
_Source: https://npm.io/package/@paraboly/pwc-color-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._