Repeater

Repeater

The Repeater component renders a repeater with given child components.

Component

<Repeater field="tasks" label="Todo list" orderBy="content">
    <TextAreaField field="content" label="Task" />
</Repeater>

Component - advanced

<Repeater field="tasks" label="Todo list" sortableBy="order">
    <CheckboxField field="done" label="Done" defaultValue="false" />
    <TextAreaField field="content" label="Task" />
</Reapeater>

API schema

export class TodoList {
  tasks = def.oneHasMany(Task, "todoList");
}

export class Task {
  order = def.intColumn();
  done = def.boolColumn();
  content = def.stringColumn();
  todoList = def.manyHasOne(TodoItem, "tasks");
}

Props

Prop	Description
field	string The name of the column in Contember schema where to store data. Required
label	ReactNode The label for the field. Required
sortableBy	undefined | string The name of the column in Contember schema that is used to sort the options.
orderBy	undefined | string The name of the column in Contember schema that is used to order the options.