A nativ felt Bard Plugin for Text Colors with Vue

Statamic Bard Color Plugin

We wanted to Build a nativ felt Bard Plugin for Text Colors with all features that are provided by Bard.

Features

  • Set Color for text in the Bard editor
  • Moveable Button to specific position
  • Usage of Build in Color Picker
  • Button Color State on Cursor position
  • Flexibility with publischable recommended color config

How to Install

You can search for this addon in the Tools > Addons section of the Statamic control panel and click install, or run the following command from your project root:

composer require nds/statamic-bard-colors

How to Use

Just go into the Bard set and move the button to the position u want it to be and activate it. Now the user can just pick a color and write or mark text where the selected color will be applied.

Customize the Color Config

php artisan vendor:publish --tag=statamic-bard-colors

Fill the recommended array with colors and that the user should get recommended.

'recommended' => [
    '#B12525',
    '#4FB125',
    '#2567B1',
]

This configuration will than looks like this:

GitHub

View Github