Repeater components

Repeater field

The Repeater component renders a repeater field with given child components.

Component

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

<TextAreaField field="content" label="Task" />

</Reapeater>

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.