Unknown Component

Received request from Uniform to render a component with the public ID: headlineLocation.

<UniformComposition /> does not have headlineLocation mapped to a React component yet.

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function HeadlineLocation({ theme, title, isHeader, subtitle, hasLocation, headerDirection }) {
  return (
    <div>
      HeadlineLocation!
      
    </div>
  )
}

registerUniformComponent({ type: "headlineLocation", component: HeadlineLocation })
    Props that your React component will receive
    {
  "theme": "secondary",
  "title": "Hardie™ Architectural Trim",
  "isHeader": true,
  "subtitle": "Achieve a seamless, lasting look with metal Hardie™ Architectural Trim options to match the clean lines of Hardie® Architectural Panels.",
  "hasLocation": true,
  "headerDirection": "row",
  "component": {
    "type": "headlineLocation",
    "parameters": {
      "theme": {
        "type": "select",
        "value": "secondary"
      },
      "title": {
        "type": "text",
        "value": "Hardie™ Architectural Trim"
      },
      "isHeader": {
        "type": "checkbox",
        "value": true
      },
      "subtitle": {
        "type": "text",
        "value": "Achieve a seamless, lasting look with metal Hardie™ Architectural Trim options to match the clean lines of Hardie® Architectural Panels."
      },
      "hasLocation": {
        "type": "checkbox",
        "value": true
      },
      "headerDirection": {
        "type": "select",
        "value": "row"
      }
    }
  }
}
  • Import the component into the file where <UniformComposition /> is defined, for example 
    import "../components/HeadlineLocation.tsx"

Need more help? Check out the documentation.

Unknown Component

Received request from Uniform to render a component with the public ID: nonSapProduct.

<UniformComposition /> does not have nonSapProduct mapped to a React component yet.

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function NonSapProduct({ itemId, ctaLink, ctaText, imageUrl, itemName, ctaSubText, productSlug, subItemsLabel, itemDescription }) {
  return (
    <div>
      NonSapProduct!
      <UniformSlot name="subItems" />
    </div>
  )
}

registerUniformComponent({ type: "nonSapProduct", component: NonSapProduct })
    Props that your React component will receive
    {
  "itemId": "BR14",
  "ctaLink": {
    "path": "/find-dealer-near-you",
    "type": "projectMapNode",
    "nodeId": "2fdcc387-096b-4863-bb80-d4cfbe99ae2f",
    "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9"
  },
  "ctaText": "Find a dealer near you",
  "imageUrl": "//images.ctfassets.net/dzi2asncd44t/4mxLwpfMVpTFTXKjy1J7O5/aca5e8f583618d2be72b802f4721bac9/detail-hardie-architectural-trim.jpg",
  "itemName": "Explore Hardie™ Architectural Trim",
  "ctaSubText": "Availability may be limited by location.",
  "productSlug": "hardie-architectural-trim",
  "subItemsLabel": "Select your trim type",
  "itemDescription": {
    "data": {},
    "content": [
      {
        "data": {},
        "marks": [],
        "value": "New looks with new metal trim options to match. Easy to cut and install.",
        "nodeType": "text"
      }
    ],
    "nodeType": "paragraph"
  },
  "component": {
    "type": "nonSapProduct",
    "slots": {
      "subItems": [
        {
          "type": "nonSapProductItem",
          "slots": {
            "subItems": [
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/1lCrmQHOLLj86rA8My3zFc/57d0c0f60cb6228de68581dde1ff785e/hardie-architectural-trim-low-profile-inside-corner.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/1lCrmQHOLLj86rA8My3zFc/57d0c0f60cb6228de68581dde1ff785e/hardie-architectural-trim-low-profile-inside-corner.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low-Profile Inside Corner Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used for inside corners"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/5fuqatJLZ4C5B9nM8BWFuZ/49ed7463b7b97a1ab4a767a80a00de99/hardie-architectural-trim-low-profile-45-inside-corner.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/5fuqatJLZ4C5B9nM8BWFuZ/49ed7463b7b97a1ab4a767a80a00de99/hardie-architectural-trim-low-profile-45-inside-corner.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low-Profile 45˚ Inside Corner Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used for bay windows"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/77fy6LUyJFIKxeCojmeBwx/7e2b36ef525897d149cdc243623d7e77/hardie-architectural-trim-inside-corner.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/77fy6LUyJFIKxeCojmeBwx/7e2b36ef525897d149cdc243623d7e77/hardie-architectural-trim-inside-corner.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Inside Corner Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used for inside corners"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/71AeOyfkfB8PT46YZwTWDV/c6a9a1f0971b5320a6169c6897ddffc3/hardie-architectural-trim-low-profile-45-outside-corner.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/71AeOyfkfB8PT46YZwTWDV/c6a9a1f0971b5320a6169c6897ddffc3/hardie-architectural-trim-low-profile-45-outside-corner.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low-Profile 45˚ Outside Corner Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used for bay windows"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/2bKPLnF2bQLwmupNm5F6cl/feb481ed6afae5fefb8dbc9e6b11ff89/hardie-architectural-trim-low-profile-outside-corner.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/2bKPLnF2bQLwmupNm5F6cl/feb481ed6afae5fefb8dbc9e6b11ff89/hardie-architectural-trim-low-profile-outside-corner.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low-Profile Outside Corner Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used for outside corners"
                  }
                }
              }
            ]
          },
          "parameters": {
            "itemId": {
              "type": "text",
              "value": "TX45"
            },
            "imageUrl": {
              "type": "image",
              "value": "//images.ctfassets.net/dzi2asncd44t/1lCrmQHOLLj86rA8My3zFc/57d0c0f60cb6228de68581dde1ff785e/hardie-architectural-trim-low-profile-inside-corner.png"
            },
            "itemName": {
              "type": "text",
              "value": "Corner Trims"
            },
            "subItemsLabel": {
              "type": "text",
              "value": "Select a corner trim"
            },
            "itemDescription": {
              "type": "text",
              "value": "Slimline corner trims designed to deliver a sleek contemporary look"
            }
          }
        },
        {
          "type": "nonSapProductItem",
          "slots": {
            "subItems": [
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/691idH6q21yKpD51XUhTHw/6ab8c5b47d4ae15e43ef588e8550b976/hardie-architectural-trim-low-profile-inside-corner-transition.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/691idH6q21yKpD51XUhTHw/6ab8c5b47d4ae15e43ef588e8550b976/hardie-architectural-trim-low-profile-inside-corner-transition.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low Profile Inside Corner Transition"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Provides clean vertical and horizontal options for transitions from panel siding to lap siding"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/6F7GdZVEwZ2H9itq89y3ZY/214566f4ae317f782d39000d667a271c/hardie-architectural-trim-2-piece-J.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/6F7GdZVEwZ2H9itq89y3ZY/214566f4ae317f782d39000d667a271c/hardie-architectural-trim-2-piece-J.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "2-piece J Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Provides a clean finish at openings, edges of panels and at material transitions"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/7BLXEuSrAnAl5c8mHsbdmJ/507cb375812cd355934b623c44376398/hardie-architectural-trim-low-profile-outside-corner-transition.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/7BLXEuSrAnAl5c8mHsbdmJ/507cb375812cd355934b623c44376398/hardie-architectural-trim-low-profile-outside-corner-transition.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low Profile Outside Corner Transition"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Very popular face sizes which offer a clean outside corner for transitioning from vertical siding panels to lap siding"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/3Jhp2LTVnI2TWbNTT3v8jy/025fc64c343d44560e5fcd768f300d5d/hardie-architectural-trim-J.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/3Jhp2LTVnI2TWbNTT3v8jy/025fc64c343d44560e5fcd768f300d5d/hardie-architectural-trim-J.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "J Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used as a trim at abutments (e.g. soffits, masonry, windows, etc.)"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/4GlmmkIWMyhYNPJKPaece8/70e210a243140e33f873d7b8b4872b63/hardie-architectural-trim-vertical-siding-H-mold-transition.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/4GlmmkIWMyhYNPJKPaece8/70e210a243140e33f873d7b8b4872b63/hardie-architectural-trim-vertical-siding-H-mold-transition.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Vertical Siding H-Mold Transition"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Designed to cover vertical joints where you transition from panel siding to lap siding"
                  }
                }
              }
            ]
          },
          "parameters": {
            "itemId": {
              "type": "text",
              "value": "TX47"
            },
            "imageUrl": {
              "type": "image",
              "value": "//images.ctfassets.net/dzi2asncd44t/691idH6q21yKpD51XUhTHw/6ab8c5b47d4ae15e43ef588e8550b976/hardie-architectural-trim-low-profile-inside-corner-transition.png"
            },
            "itemName": {
              "type": "text",
              "value": "Transition Trims"
            },
            "subItemsLabel": {
              "type": "text",
              "value": "Select a transition trim"
            },
            "itemDescription": {
              "type": "text",
              "value": "Helps accentuate transition areas for a more complete and finished look"
            }
          }
        },
        {
          "type": "nonSapProductItem",
          "slots": {
            "subItems": [
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/7sCMQaG3qrM4IBxwDQbO6B/02413316cbdb06a3ee8fd4e55791b1cd/hardie-architectural-trim-vertical-Y.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/7sCMQaG3qrM4IBxwDQbO6B/02413316cbdb06a3ee8fd4e55791b1cd/hardie-architectural-trim-vertical-Y.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Vertical Y Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used along vertical butt joints. For horizontal panel orientations only"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/oghGxq3o8Q0scOtn1Ctl4/0d4e1ddfc51a439a3fe2197650417d3c/hardie-architectural-trim-vertical-H.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/oghGxq3o8Q0scOtn1Ctl4/0d4e1ddfc51a439a3fe2197650417d3c/hardie-architectural-trim-vertical-H.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Vertical H Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used along vertical butt joints. For horizontal panel orientations only"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/5sPnT2CCCQtzQPvjKFWXNm/e8ebbf24fc2991d58b350a305d1355fc/hardie-architectural-trim-low-profile-horizontal-Z.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/5sPnT2CCCQtzQPvjKFWXNm/e8ebbf24fc2991d58b350a305d1355fc/hardie-architectural-trim-low-profile-horizontal-Z.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Low Profile Horizontal Z Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used along horizontal control joints"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/2Sv4LHLRkPm3y6dISU5nTS/4aa05132d549177f3260084f13dca73b/hardie-architectural-trim-horizontal-Z-flashing.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/2Sv4LHLRkPm3y6dISU5nTS/4aa05132d549177f3260084f13dca73b/hardie-architectural-trim-horizontal-Z-flashing.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Horizontal Z Flashing Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion to be used along horizontal control joints"
                  }
                }
              }
            ]
          },
          "parameters": {
            "itemId": {
              "type": "text",
              "value": "TX46"
            },
            "imageUrl": {
              "type": "image",
              "value": "//images.ctfassets.net/dzi2asncd44t/7sCMQaG3qrM4IBxwDQbO6B/02413316cbdb06a3ee8fd4e55791b1cd/hardie-architectural-trim-vertical-Y.png"
            },
            "itemName": {
              "type": "text",
              "value": "Joint and End Trims"
            },
            "subItemsLabel": {
              "type": "text",
              "value": "Select a joint or end trim"
            },
            "itemDescription": {
              "type": "text",
              "value": "Designed for clean finishes on short and cut ends of panels"
            }
          }
        },
        {
          "type": "nonSapProductItem",
          "slots": {
            "subItems": [
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/4igYpzTUSj9HWz8tKgh3Jo/e9bed131523955a168d010bb5b1f0c2a/hardie-architectural-trim-raised-reveal-base.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/4igYpzTUSj9HWz8tKgh3Jo/e9bed131523955a168d010bb5b1f0c2a/hardie-architectural-trim-raised-reveal-base.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "Raised Reveal Base Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion with reveal and ledge to rest panels"
                  }
                }
              },
              {
                "type": "nonSapProductItem",
                "parameters": {
                  "iconUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/6fIdCUs0RshGLCkcKcwuAY/57afba2783b36ec5484154606df8ad37/hardie-architectural-trim-L-base.png"
                  },
                  "imageUrl": {
                    "type": "image",
                    "value": "//images.ctfassets.net/dzi2asncd44t/6fIdCUs0RshGLCkcKcwuAY/57afba2783b36ec5484154606df8ad37/hardie-architectural-trim-L-base.png"
                  },
                  "itemName": {
                    "type": "text",
                    "value": "L Base Trim"
                  },
                  "itemDescription": {
                    "type": "text",
                    "value": "Aluminum extrusion with minimal profile to act as a starter strip"
                  }
                }
              }
            ]
          },
          "parameters": {
            "itemId": {
              "type": "text",
              "value": "TX48"
            },
            "imageUrl": {
              "type": "image",
              "value": "//images.ctfassets.net/dzi2asncd44t/4igYpzTUSj9HWz8tKgh3Jo/e9bed131523955a168d010bb5b1f0c2a/hardie-architectural-trim-raised-reveal-base.png"
            },
            "itemName": {
              "type": "text",
              "value": "Base Trims"
            },
            "subItemsLabel": {
              "type": "text",
              "value": "Select a base trim"
            },
            "itemDescription": {
              "type": "text",
              "value": "For a clean ground finish"
            }
          }
        }
      ]
    },
    "parameters": {
      "itemId": {
        "type": "text",
        "value": "BR14"
      },
      "ctaLink": {
        "type": "link",
        "value": {
          "path": "/find-dealer-near-you",
          "type": "projectMapNode",
          "nodeId": "2fdcc387-096b-4863-bb80-d4cfbe99ae2f",
          "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9"
        }
      },
      "ctaText": {
        "type": "text",
        "value": "Find a dealer near you"
      },
      "imageUrl": {
        "type": "image",
        "value": "//images.ctfassets.net/dzi2asncd44t/4mxLwpfMVpTFTXKjy1J7O5/aca5e8f583618d2be72b802f4721bac9/detail-hardie-architectural-trim.jpg"
      },
      "itemName": {
        "type": "text",
        "value": "Explore Hardie™ Architectural Trim"
      },
      "ctaSubText": {
        "type": "text",
        "value": "Availability may be limited by location."
      },
      "productSlug": {
        "type": "text",
        "value": "hardie-architectural-trim"
      },
      "subItemsLabel": {
        "type": "text",
        "value": "Select your trim type"
      },
      "itemDescription": {
        "type": "json",
        "value": {
          "data": {},
          "content": [
            {
              "data": {},
              "marks": [],
              "value": "New looks with new metal trim options to match. Easy to cut and install.",
              "nodeType": "text"
            }
          ],
          "nodeType": "paragraph"
        }
      }
    }
  }
}
  • Import the component into the file where <UniformComposition /> is defined, for example 
    import "../components/NonSapProduct.tsx"

Need more help? Check out the documentation.

Why choose Hardie™ Architectural Trim?

As part of the Hardie™ Architectural Collection, Hardie™ Architectural Trim offers a variety of benefits in helping you achieve a seamless, lasting look for your exterior.

Superior durability

Delivers long-lasting beauty and stands up to the elements.

Effective water management

Integrated solution of panels and metal trims designed for better water management.

Design flexibility

Slim profiles complement panel sizes and deliver clean architectural lines. Multiple aesthetic options enable endless design possibilities. 

Unknown Component

Received request from Uniform to render a component with the public ID: productSpecs.

<UniformComposition /> does not have productSpecs mapped to a React component yet.

To teach your app how to render this component:

  • Create a React component and register it with Uniform, for example
    function ProductSpecs({ cta2Link, cta2Text, headline }) {
  return (
    <div>
      ProductSpecs!
      <UniformSlot name="features" />
    </div>
  )
}

registerUniformComponent({ type: "productSpecs", component: ProductSpecs })
    Props that your React component will receive
    {
  "cta2Link": {
    "path": "/installation-instructions-technical-docs",
    "type": "projectMapNode",
    "nodeId": "fe1fde08-dcbd-4304-aff6-649137fd6efe",
    "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9"
  },
  "cta2Text": "View All Tech Docs",
  "headline": "Learn everything you need to know about installing Hardie™ Architectural Trim. ",
  "component": {
    "type": "productSpecs",
    "slots": {
      "features": [
        {
          "type": "productSpecsFeature",
          "variant": "installGuidance",
          "parameters": {
            "title": {
              "type": "text",
              "value": "Quick Start Installation Guide"
            },
            "bodyText": {
              "type": "text",
              "value": "Hit the ground running when installing Hardie® exterior siding. In English and Spanish."
            }
          }
        },
        {
          "type": "productSpecsFeature",
          "variant": "video",
          "parameters": {
            "title": {
              "type": "text",
              "value": "How to Install Hardie® Architectural Panel Siding"
            },
            "bodyText": {
              "type": "text",
              "value": "Learn how to install Hardie® Architectural Panels, including what tools you’ll need, the Hardie™ Architectural Trim options we offer and best practices for caulking and painting."
            }
          }
        },
        {
          "type": "productSpecsFeature",
          "variant": "allDocs",
          "parameters": {
            "title": {
              "type": "text",
              "value": "Browse tech docs library"
            },
            "ctaText": {
              "type": "text",
              "value": "See all documents for this product"
            },
            "bodyText": {
              "type": "text",
              "value": "Quickly browse the installation guidance and technical documentation you'll need for a successful install project."
            }
          }
        }
      ]
    },
    "parameters": {
      "cta2Link": {
        "type": "link",
        "value": {
          "path": "/installation-instructions-technical-docs",
          "type": "projectMapNode",
          "nodeId": "fe1fde08-dcbd-4304-aff6-649137fd6efe",
          "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9"
        }
      },
      "cta2Text": {
        "type": "text",
        "value": "View All Tech Docs"
      },
      "headline": {
        "type": "text",
        "value": "Learn everything you need to know about installing Hardie™ Architectural Trim. "
      }
    }
  }
}
  • Import the component into the file where <UniformComposition /> is defined, for example 
    import "../components/ProductSpecs.tsx"

Need more help? Check out the documentation.

Find a dealer near you.

Find Hardie® fiber cement siding and trim, weather barrier products, and backer board near you.

Unable to find Uniform Context. Ensure the devtools plugin is activated.

logo
© 2024 James Hardie Building Products Inc. All rights reserved. ™ or ® denote trademarks or registered trademarks of James Hardie Technology Ltd.