0.2.0 • Published 5 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 | Поле |