0.2.0 • Published 3 years ago
@n3/react-repeat v0.2.0
@n3/react-repeat
Повторяющиеся блоки для приложений на базе @n3/kit.
import Repeat from '@n3/react-repeat';
<Repeat
title="Группа полей"
>
<Repeat.Block
index={0}
>
Блок №1
</Repeat.Block>
<Repeat.Block
index={1}
>
Блок №2
</Repeat.Block>
<Repeat.Block
index={2}
>
Блок №3
</Repeat.Block>
</Repeat>Props
Repeat
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|---|---|---|---|
| disabled | boolean | false | Выключена ли кнопка добавления | |
| title | ReactNode | null | Заголовок | |
| addButtonTitle | ReactNode | "Добавить ещё" | Текст кнопки добавления | |
| handleAdd | () => void | null | Обработчик нажания на кнопку добавления, если не определён, кнопка добавления не отображается |
Repeat.Block
| Название | Обязательность | Тип | Значение по умолчанию | Описание |
|---|---|---|---|---|
| disabled | boolean | false | Выключена ли кнопка удаления | |
| title | ReactNode | null | Заголовок | |
| index | + | number | Индекс в последовательности блоков | |
| hasHorizontalPadding | boolean | true | Есть ли отступ от левой и правой границ до контента | |
| handleRemove | (index: number) => void | null | Обработчик нажания на кнопку удаления, если не определён, кнопка удаления не отображается@param index - индекс блока в массиве |