@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 - индекс блока в массиве