silverstripe/colorpicker

Color picker fields built in react

Package info

github.com/silverstripe/silverstripe-colorpicker

Language:JavaScript

Type:silverstripe-vendormodule

pkg:composer/silverstripe/colorpicker

Statistics

Installs: 19 699

Dependents: 1

Suggesters: 0

Stars: 5

Open Issues: 5

dev-master / 1.x-dev 2026-03-04 02:05 UTC

Requires

Requires (Dev)

Suggests

None

Provides

None

Conflicts

None

Replaces

None

BSD-3-Clause 3c6c452858b1252bf18e388e043e225cb446ad89

silverstripe


README

👁 Build Status
👁 Scrutinizer Code Quality
👁 codecov

This module adds a color picker field which can be used anywhere in the CMS.

In order to keep the site accessible, custom color selection is not implemented.

Installation

To install this module, you can do so with Composer:

composer require silverstripe/colorpicker

Usage

You can use the ColorPickerField as follows:

 public function getCMSFields()
 {
 $fields = parent::getCMSFields();

 $fields->addFieldsToTab(
 'Root.Main',
 [
 ColorPickerField::create(
 'MyColorField',
 _t(
 __CLASS__ . '.MyColorField',
 'My Color Field'
 ),
 [
 [
 'Title' => 'Red',
 'CSSClass' => 'red',
 'Color' => '#E51016',
 ],
 [
 'Title' => 'Blue',
 'CSSClass' => 'blue',
 'Color' => '#1F6BFE',
 ],
 [
 'Title' => 'Green',
 'CSSClass' => 'green',
 'Color' => '#298436',
 ]
 ]
 )
 ]
 );

 return $fields;
 }

Versioning

This library follows Semver. According to Semver, you will be able to upgrade to any minor or patch version of this library without any breaking changes to the public API. Semver also requires that we clearly define the public API for this library.

All methods, with public visibility, are part of the public API. All other methods are not part of the public API. Where possible, we'll try to keep protected methods backwards-compatible in minor/patch versions, but if you're overriding methods then please test your work before upgrading.