Поле color

Версия: Free.

Зачем этот тип

Выбор цвета в палитре, а не ввод кода в текстовое поле. Подходит для фона секции и акцента. В данных строка: её подставляют в CSS в чанке, в стиль или в переменную.

Когда использовать

• Цвет фона hero, overlay, кнопки
• Акцентная рамка или badge
• Когда палитра не фиксирована заранее

Советы

Фиксированный brand-набор: colorpalette. Проверяйте контраст текста на выбранном фоне в chunk.

Похожие типы

• colorpalette для options из JSON
• select если цвета зашиты как именованная тема

Настройка

{
  "name": "accent",
  "type": "color",
  "label": "Акцент",
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение

HEX-строка.

Данные секции

Ключ accent в данных секции (HEX):

{
  "accent": "#3b82f6"
}

Пример в chunk

modx

<span style="color: [[+accent]]">…</span>

fenom

<span style="color: {$accent|escape}">…</span>

Общие свойства

Для полей с name, которые сохраняются в данных секции:

Ключ	Тип	Роль	Панель
tab	string	Подзаголовок группы в инспекторе	да
width	25–100	Ширина поля в % строки (flex)	да
description	string	Подсказка под подписью	да
default	any	Начальное значение новой секции	да
active	bool	false: скрыть поле в инспекторе	да
required	bool	Обязательно при publish (черновик сохраняется)	да

Подробнее: обзор полей.

Дальше

• Справочник типов
• Обзор полей