Skip to content
HomePagesHomePages template kit

bindItems

Bind a list slot's items for iteration — the one idiom for rendering anything multi-item: `bindItems(slot.units).map((unit) => …)` is an ordinary React array, so clones, splits, and free-form markup are plain JavaScript rather than list-primitive modes.

Bind a list slot’s items for iteration — the one idiom for rendering anything multi-item: bindItems(slot.units).map((unit) => …) is an ordinary React array, so clones, splits, and free-form markup are plain JavaScript rather than list-primitive modes.

Accepts a top-level list binding or a row field’s list binding (a list declared inside a record item); a non-list binding is a compile error. An empty or absent value yields [].

Import from @homepages/template-kit.

function bindItems<D extends { type: "list"; }>(binding: SlotBinding<D> | FieldBinding<D>): ItemBinding<D>[]
Name Type Required Description
binding SlotBinding<D> | FieldBinding<D> required

ItemBinding<D>[]