0.2.0 • Published 4 years ago
@n3/react-field-group v0.2.0
@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 | Поле |