@n3/react-field-group

Обёртка над полем для вывода заголовка, подсказки, ошибок и предупреждений для приложений на базе @n3/kit.

import {
  FieldGroup,
  FieldWrapper,
} from '@n3/react-field-group';

Props

FieldGroup

| Название | Обязательность | Тип | Значение по умолчанию | Описание | |----------|----------------|-----|-----------------------|----------| | onlyField | | boolean | false | Если true, поле выводится без заголовка | | label | | string | null | Заголовок поля | | required | | boolean | false | Обязательность поля | | isInput | | boolean | false | Задать отступ заголовка, чтобы он был в одну линию с текстом поля ввода | | isShow | | boolean | false | Вывод в режиме просмотра (влияет на расстояние между полями) | | hasRepeatOffsets | | boolean | false | Вывод внутри Repeat.Block | | hint | | ReactNode | null | Подсказка, выводящаяся в тултипе рядом с заголовком | | unit | | ReactNode | null | Единицы измерения, выводится справа от поля | | help | | string[] | null | Подсказки поля | | errors | | string[] | null | Ошибки поля | | warnings | | string[] | null | Предупреждения поля | | showBackground | | boolean | false | Менять ли фон поля в случае ошибки или предупреждения | | labelColsXs | | CellValue | 3 | Количество колонок заголовка | | fieldColsXs | | CellValue | 5 | Количество колонок контента | | unitColsXs | | CellValue | 1 | Количество колонок единиц измерения | | children | | ReactNode | null | Контент поля |

FieldWrapper

| Название | Обязательность | Тип | Значение по умолчанию | Описание | |----------|----------------|-----|-----------------------|----------| | help | | string[] | null | Подсказки поля | | errors | | string[] | null | Ошибки поля | | warnings | | string[] | null | Предупреждения поля | | showBackground | | boolean | false | Менять ли фон в случае ошибки или предупреждения | | children | | ReactNode | null | Поле |