Unstack for Developers
  • Overview
  • Getting started
    • Custom Themes
    • Custom Components
  • Component Types
    • Section
    • Header & Footer
    • Banner
  • Basic Tags
    • Actions
    • Box
    • Code
    • Element
    • Media
    • Plaintext
    • Richtext
    • Collection
    • Article Collection
  • eCommerce Tags
    • Product
    • Product Inventory
    • Product Price
    • Product Options
    • Quantity Selector
    • Cart & Drawer (soon)
  • Utility Tags
    • Generator
    • JSONParser
  • Other NoML Features
    • Variables
    • Raw HTML
    • Component Properties
Powered by GitBook
On this page
  1. Utility Tags

Generator

PreviousCart & Drawer (soon)NextJSONParser

Last updated 1 year ago

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

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

Attributes

  • dataRef: DataLocator - the data-element storing the Generator's configuration

  • item: anonymous - used to create a collection item

arrow function