Get a QuoteUnknown Component
Received request from Uniform to render a component with the public ID: articleHero.
<UniformComposition /> does not have articleHero 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 ArticleHero({ image, title, introText }) { return ( <div> ArticleHero! </div> ) } registerUniformComponent({ type: "articleHero", component: ArticleHero })Props that your React component will receive
{ "image": "//images.ctfassets.net/dzi2asncd44t/6RPs5s6AkgUbsY75KG6T7T/c1bcce2f14ed0815281e3cf3777a8a47/BARS2807.jpg", "title": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "introText": "Director of Global Social Impact Molly Ernst-Alper sits down with Habitat for Humanity's Senior Corporate Development Officer Antwann Yocum for a conversation about how, together, we are bringing that purpose to life by pursuing safe, affordable housing for all. ", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/6RPs5s6AkgUbsY75KG6T7T/c1bcce2f14ed0815281e3cf3777a8a47/BARS2807.jpg" }, "title": { "type": "text", "value": "A James Hardie Purpose Conversation with Habitat for Humanity® International " }, "introText": { "type": "text", "value": "Director of Global Social Impact Molly Ernst-Alper sits down with Habitat for Humanity's Senior Corporate Development Officer Antwann Yocum for a conversation about how, together, we are bringing that purpose to life by pursuing safe, affordable housing for all. " } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleHero.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: articleBody.
<UniformComposition /> does not have articleBody 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 ArticleBody({ body, title }) { return ( <div> ArticleBody! </div> ) } registerUniformComponent({ type: "articleBody", component: ArticleBody })Props that your React component will receive
{ "body": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "At James Hardie, we are guided by our purpose of ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": "™", "marks": [ { "type": "bold" }, { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " – leaving a legacy of doing good in all aspects of our business. From our ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/why-james-hardie/siding-performance-durability/" }, "content": [ { "nodeType": "text", "value": "resilient, durable products", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " and the innovation behind them, to our employee programs, charitable sponsorships and meaningful relationships across the industry and communities, making a positive impact is just what we do. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "That’s why we’ve partnered with Habitat for Humanity to inspire how communities design, build and grow today and tomorrow. James Hardie proudly provides ongoing support of local home builds around the world, in addition to larger initiatives like Habitat Strong, Habitat for Humanity’s Jimmy & Rosalynn Carter Work Project and the ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardieinvitational.com/" }, "content": [ { "nodeType": "text", "value": "James Hardie™ Pro Football Hall of Fame Invitational", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Director of Global Social Impact Molly Ernst-Alper recently sat down with Habitat for Humanity International’s Antwann Yocum, Senior Corporate Development Officer, for a conversation about the role each of us can play in creating a world where everyone has a decent place to call home. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our conversation begins with Yocum putting Habitat’s mission into perspective and how the incredible task of safe, affordable housing for all can only be achieved through collaborations like this one with James Hardie. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "In 2023, James Hardie began sponsoring the ‘Habitat Strong’ program, which focuses on creating disaster-resilient and energy-efficient homes through stronger construction standards, upgraded materials, and innovative designs. Our durable products help contribute to more resilient homes that can better stand up against climate and extreme weather conditions. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "To learn more about Habitat for Humanity or James Hardie, you can visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://habitat.org/" }, "content": [ { "nodeType": "text", "value": "habitat.org", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " or ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/" }, "content": [ { "nodeType": "text", "value": "Jameshardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". And be sure to wish Habitat for Humanity a very special 50", "marks": [], "data": {} }, { "nodeType": "text", "value": "th", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " anniversary this year by supporting the incredible work they do! ", "marks": [], "data": {} } ] }, { "nodeType": "embedded-entry-block", "data": { "target": { "metadata": { "tags": [], "concepts": [] }, "sys": { "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "id": "5zo2GZImfh2hDTeSDjaHte", "type": "Entry", "createdAt": "2026-02-03T15:20:55.590Z", "updatedAt": "2026-02-03T15:20:55.590Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "publishedVersion": 3, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceVideoEmbed" } }, "locale": "en-US" }, "fields": { "entryTitle": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "videoTitle": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "embedUrl": "https://youtu.be/hmBnFyXHLkU?si=_3Qd6BhP7fQg_C4t" } } }, "content": [] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] }, "title": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "At James Hardie, we are guided by our purpose of ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": "™", "marks": [ { "type": "bold" }, { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " – leaving a legacy of doing good in all aspects of our business. From our ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/why-james-hardie/siding-performance-durability/" }, "content": [ { "nodeType": "text", "value": "resilient, durable products", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " and the innovation behind them, to our employee programs, charitable sponsorships and meaningful relationships across the industry and communities, making a positive impact is just what we do. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "That’s why we’ve partnered with Habitat for Humanity to inspire how communities design, build and grow today and tomorrow. James Hardie proudly provides ongoing support of local home builds around the world, in addition to larger initiatives like Habitat Strong, Habitat for Humanity’s Jimmy & Rosalynn Carter Work Project and the ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardieinvitational.com/" }, "content": [ { "nodeType": "text", "value": "James Hardie™ Pro Football Hall of Fame Invitational", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Director of Global Social Impact Molly Ernst-Alper recently sat down with Habitat for Humanity International’s Antwann Yocum, Senior Corporate Development Officer, for a conversation about the role each of us can play in creating a world where everyone has a decent place to call home. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Our conversation begins with Yocum putting Habitat’s mission into perspective and how the incredible task of safe, affordable housing for all can only be achieved through collaborations like this one with James Hardie. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "In 2023, James Hardie began sponsoring the ‘Habitat Strong’ program, which focuses on creating disaster-resilient and energy-efficient homes through stronger construction standards, upgraded materials, and innovative designs. Our durable products help contribute to more resilient homes that can better stand up against climate and extreme weather conditions. ", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "To learn more about Habitat for Humanity or James Hardie, you can visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://habitat.org/" }, "content": [ { "nodeType": "text", "value": "habitat.org", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " or ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://jameshardie.com/" }, "content": [ { "nodeType": "text", "value": "Jameshardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". And be sure to wish Habitat for Humanity a very special 50", "marks": [], "data": {} }, { "nodeType": "text", "value": "th", "marks": [ { "type": "superscript" } ], "data": {} }, { "nodeType": "text", "value": " anniversary this year by supporting the incredible work they do! ", "marks": [], "data": {} } ] }, { "nodeType": "embedded-entry-block", "data": { "target": { "metadata": { "tags": [], "concepts": [] }, "sys": { "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "id": "5zo2GZImfh2hDTeSDjaHte", "type": "Entry", "createdAt": "2026-02-03T15:20:55.590Z", "updatedAt": "2026-02-03T15:20:55.590Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "publishedVersion": 3, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceVideoEmbed" } }, "locale": "en-US" }, "fields": { "entryTitle": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "videoTitle": "A James Hardie Purpose Conversation with Habitat for Humanity® International ", "embedUrl": "https://youtu.be/hmBnFyXHLkU?si=_3Qd6BhP7fQg_C4t" } } }, "content": [] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "title": { "type": "text", "value": "A James Hardie Purpose Conversation with Habitat for Humanity® International " } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/ArticleBody.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote