Skip to main content

Custom Blocks

Custom Blocks are pieces of storefront UI you build yourself, outside the built-in section/block library. There are two independent ways to build one - pick whichever fits the task, they don't mix:

  • React Native - write a real React component in TSX, with full JavaScript logic and access to npm packages. Used for a fixed set of typed block roles: header, footer, drawer menu, page, section, and product/collection cards.
  • EDL - write declarative EDL markup plus a list of configurable data fields, the same way you'd build any other EDL section. A single general-purpose block, not tied to a specific role.

Each is documented on its own - see the linked sections above for the full details of either one.