FormField

Headless-анатомия поля из @reformer/cdk: Root / Label / Control / Error / Description с автоматической провязкой id и aria-*. В отличие от готового FormField из @reformer/ui-kit, cdk-версия ничего не рендерит сверх минимума — layout вы задаёте сами.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Форма по умолчанию: Label над Control, Error снизу. Label и Control берут текст/компонент из ноды схемы, Error скрыт до touch.

Загрузка демо…

Форма из четырёх частей: добавлен FormField.Description — helper-текст под контролом. hasDescription на Root авто-вяжет aria-describedby.

Загрузка демо…

Label слева, Control и Error справа (grid-обёртка вокруг частей). Headless не навязывает DOM — раскладку задаёте вы, id/aria провязываются в любом порядке.

Загрузка демо…