Repeater

A dynamic list of form rows.

Name

import { BuiRepeater } from 'ng-blatui';

<bui-repeater [fields]="fields" [(rows)]="rows" />
// fields = [{ key: 'name', label: 'Name' }, { key: 'email', label: 'Email' }]

Multiple fields

Name

<bui-repeater [fields]="fields" [(rows)]="rows" addLabel="Add guest" />
// fields = [{ key: 'name', label: 'Name' }, { key: 'email', label: 'Email', type: 'email' }]

With max

Name

<!-- [max] caps the rows and disables the add button -->
<bui-repeater [fields]="fields" [(rows)]="rows" [min]="1" [max]="3" />