@n3/react-field-group

Field group component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactFieldGroup from 'https://cdn.skypack.dev/@n3/react-field-group';
</script>

README

@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 Поле