Home

/

Examples

/

Records

Block

fa-solid fa-table-cells-large

Records

Iterates over the records of a data type and renders your own markup per record.

Visit the live website

The heart of data-driven pages: loop over records of a data type with a render function and decide the markup yourself.

records.jsx
<Records type='article' limit={6}>
  {(a) => <Heading>{a.title}</Heading>}
</Records>