Tailwind Color Editor for Neos CMS

Introduction

This package provides a Color Editor for TailwindCSS colors which can be used in Neos CMS.

Installation

Run this in your site package

composer require --no-update carbon/tailwindcolors

Then run composer update in your project directory.

How to use

Add a property of type string and configure the editor as seen in this example:

Foo.Bar:Content.Text:
  properties:
    options:
        preset: 'Carbon.TailwindColors.colors'
      ui:
        label: Color
        inspector:
          editorOptions:
            disabled: false
            # If set, this color gets displayed if no value is set
            placeholder: gold
            # Hides the reset button if set to false
            allowEmpty: true
            # This can be either color or grayscale. This reduces the list to only the color ones or only the gray colors
            scheme: color
            # You can disable certain strengths
            disableStrength: [50, 100]
            # If true, the picker is collapsed
            collapsed: true

Contributions

Contributions are very welcome!

Please create detailed issues and PRs.