FormField
Готовый wrapper поля из @reformer/ui-kit поверх headless
@reformer/cdk/form-field: одним <FormField control={…} />
рисует четыре зоны — label, input, hint (description) и
validation (error). Схема ниже пунктиром показывает, где что рендерится:
подпись сверху, поле, светлая подсказка под полем (слева или справа), а ошибка
валидации — уже после hint. Нужна нестандартная раскладка — спускайтесь на
уровень cdk-слотов.
Кроме текста под полем есть подсказки-иконки (i) с тултипом — два независимых пропа
componentProps: labelTooltip ставит иконку после подписи (её рисует сам FormField), tooltip —
в самом контроле (её рисует поле: у Input/Select внутри справа, у Checkbox/Radio после
текста). Строительный блок обеих — InfoHint.
Подпись по умолчанию стоит над полем. Проп direction="row" ставит её слева от контрола — hint и
ошибка при этом остаются под контролом. Это проп самого FormField (не componentProps): в
FormRenderer его задают своей обёрткой поверх FormField — см. пример «Подпись слева».
Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).
Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).