Simple Netlify CMS color widget using react-color
npm install --save netlify-cms-widget-color
import { ColorControl } from 'netlify-cms-widget-color'
CMS.registerWidget('color', ColorControl)
Add to your config.yml:
fields:
- { name: <fieldname>, label: <fieldlabel>, widget: color }
<script src="https://unpkg.com/netlify-cms"></script>
<script src="https://unpkg.com/netlify-cms-widget-color"></script>
Note: it is already registered with name netlify-cms-widget-color
so you can just use that on your config.yml
Option | Type | Default | Description |
---|---|---|---|
alpha | bool | true | enable alpha |
presets | array | undefined | Define presets color |
default | string | #ffffff | Default color |
Example:
- label: "Theme Color"
name: "color"
widget: "color"
format: 'hsl'
presets: ['red', 'green', 'blue'], default: 'pink'
alpha: false
For help with this widget, open an issue or ask the Netlify CMS community in Gitter.