Skip to Content

Data

ComponentFileNotes
Card Gridgrid-block.tsxDatasource-bound repeating grid, not a manual repeater
Data Listdata-list-block/Built via createDataListBlock from @pantheon-systems/puck-css/fields

These two are meaningfully different from every other component in this reference: instead of an editor typing content directly into fields, the items field takes a binding expression like {{ swapi_list.items }} that resolves against a configured Data Source at render time, with itemTitleTemplate / itemUrlTemplate fields controlling how each record is displayed. If you need “repeat this manually, N times, editor-authored,” that’s an array field on your own component (see Fields Reference), not Grid or Data List.

See Data Sources & Queries for the full mechanism behind the {{ }} binding syntax, including the auto-generated per-Template query that can drive one of these blocks with zero custom code, and Content Relationships for what this same mechanism can (and can’t) do for editor-curated relationships between specific documents.

Last updated on