# sanity-color-picker

> A custom input component for displaying an array of color to pick from.

Latest version **1.0.7** (published 2019-11-20) · ISC license · 0 weekly downloads

## Install

```sh
npm install sanity-color-picker
pnpm add sanity-color-picker
yarn add sanity-color-picker
bun add sanity-color-picker
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2019-11-20 |
| First published | 2019-11-17 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 26 |
| Author | Kim Björkman |
| Maintainers | kimbjorkman |
| Keywords | sanity, colorpicker, color, picker, sanityio, sanity.io |

## Links

- npm: https://www.npmjs.com/package/sanity-color-picker
- Repository: https://github.com/KimPaow/sanity-color-picker
- Homepage: https://github.com/KimPaow/sanity-color-picker#readme
- Issues: https://github.com/KimPaow/sanity-color-picker/issues
- npm.io page: https://npm.io/package/sanity-color-picker

## Alternatives

- [postcss-color-hex-alpha](https://npm.io/package/postcss-color-hex-alpha.md) — 6.4M weekly downloads
- [randomcolor](https://npm.io/package/randomcolor.md) — 348.0K weekly downloads
- [bows](https://npm.io/package/bows.md) — 1.3K weekly downloads
- [ep_prefer_color_scheme](https://npm.io/package/ep_prefer_color_scheme.md) — 260 weekly downloads
- [coc-yank](https://npm.io/package/coc-yank.md) — 61 weekly downloads

## Recent versions

- 1.0.7 (latest) — 2019-11-20
- 1.0.6 — 2019-11-20
- 1.0.5 — 2019-11-20
- 1.0.4 — 2019-11-20
- 1.0.3 — 2019-11-20
- 1.0.2 — 2019-11-18
- 1.0.1 — 2019-11-18
- 1.0.0 — 2019-11-17

## README

# Sanity Color Picker

Display colors for editors to choose from with this custom input component.

![preview image](https://github.com/KimPaow/sanity-color-picker/raw/master/src/images/preview.png)

## Installation

1. `npm install sanity-color-picker`
2. In your schema:

```
import ColorPicker from "sanity-color-picker/lib";

export default {
  title: "Color Picker",
  name: "colorpicker",
  type: "string",
  inputComponent: ColorPicker,
  options: {
    list: [
      { title: "Yellow", value: "#f5c701" },
      { title: "Pink", value: "#f6cedb" },
      { title: "Red", value: "#f16d70" },
      { title: "Teal", value: "#88c6db" },
      { title: "Purple", value: "#aca0cc" },
      { title: "Green", value: "#bdcdcb" },
      { title: "White", value: "#fff" }
    ]
  }
};
```

3. Profit. The component returns the selected value.

---
_Source: https://npm.io/package/sanity-color-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._