> For the complete documentation index, see [llms.txt](https://developer.unstack.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.unstack.com/docs/utility/collection.md).

# Generator

The Generator allows your users to iterate through lists and groups of data and create a piece of NOML for each item iterated on.

```jsx
<Generator
  dataRef={content.values}
  item={(value, m) => (
    <div>{value}</div>
  )}
/>
```

## Attributes

* **dataRef**: DataLocator - the data-element storing the Generator's configuration
* **item**: anonymous [arrow function](https://www.w3schools.com/js/js_arrow_function.asp) - used to create a collection item