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/5JuTqotKYxmoq62oMeDd2I/1ffd993353d1dc9286db09aa7da1f244/ws-james-hardie-hfh-video-cutdown-vo-version-30-v2.jpg", "title": "James Hardie partners with Habitat for Humanity International to help build climate resilient homes in communities across the country", "introText": "James Hardie Newest Corporate Sponsor of ‘Habitat Strong’ Initiative", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/5JuTqotKYxmoq62oMeDd2I/1ffd993353d1dc9286db09aa7da1f244/ws-james-hardie-hfh-video-cutdown-vo-version-30-v2.jpg" }, "title": { "type": "text", "value": "James Hardie partners with Habitat for Humanity International to help build climate resilient homes in communities across the country" }, "introText": { "type": "text", "value": "James Hardie Newest Corporate Sponsor of ‘Habitat Strong’ Initiative" } } } } - 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": "CHICAGO (February 27, 2024) —", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": " As part of the company’s purpose, ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All™", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": ", today, James Hardie (NYSE: JHX), one of the world’s leading manufacturers of building solutions, expanded its longtime support of Habitat for Humanity International as the newest corporate sponsor of the ‘Habitat Strong’ program.", "marks": [], "data": {} } ] }, { "nodeType": "embedded-entry-block", "data": { "target": { "metadata": { "tags": [], "concepts": [] }, "sys": { "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "id": "3ckaNnTD3mxtq022Yuv4jQ", "type": "Entry", "createdAt": "2024-03-28T23:33:23.064Z", "updatedAt": "2024-03-28T23:33:23.064Z", "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": "James Hardie Sponsors ‘Habitat Strong’ to Help Build Climate Resilient Homes Across the Country", "videoTitle": "James Hardie Sponsors ‘Habitat Strong’ to Help Build Climate Resilient Homes Across the Country", "embedUrl": "https://www.youtube.com/watch?v=fNiHaTCidvg" } } }, "content": [] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "‘Habitat Strong’ was developed in response to the need to build affordable and more climate-resilient homes that can withstand severe weather conditions and natural disasters. James Hardie will provide its signature fiber cement siding and trim products that are designed to stand the test of time, as well as monetary donations to fund the construction of climate-resilient homes in communities across the country over the next three years.\n\n“We’re extremely proud to continue our support of Habitat’s vision to create a world where everyone has a decent place to live,” said Aaron Erter, Chief Executive Officer, James Hardie. “The new partnership is a natural extension of our purpose, ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All™", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": ". This purpose includes efforts to develop resilient building solutions that do right by our shared planet, as well as support communities where our team of more than 5,000 global employees live and work.”\n\nFor families in areas prone to natural disasters, the ‘Habitat Strong’ program aims to construct homes with code-plus building practices that meet and exceed the Insurance Institute for Business & Home Safety’s FORTIFIED™ home standard.\n\n“When a disaster strikes, the loss of a home can leave a family at their most vulnerable,” said Tolli Love, Chief Development Officer, Habitat for Humanity International. “As global warming and climate change continue to make weather events more frequent and severe, the need for more resilient homes is increasingly apparent. The monetary and product donations from James Hardie will enable local Habitat affiliates across the country to build stronger, more durable homes within their communities. We are grateful for their support of ‘Habitat Strong’ and are excited about what we will continue to build together.”\n\nSince Habitat for Humanity was founded in 1976, the nonprofit has helped 59 million people around the world build or improve a place to call home – including 13.4 million people in 2023 alone. The organization also is working to help millions more improve their housing conditions through training programs and advocacy work driven by Habitat in local communities.\n\nFor more information about James Hardie’s support of the ‘Habitat Strong’ program or the company’s products, visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/" }, "content": [ { "nodeType": "text", "value": "www.jameshardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". \n###\n", "marks": [], "data": {} }, { "nodeType": "text", "value": "James Hardie Building Products Inc.", "marks": [ { "type": "bold" }, { "type": "underline" } ], "data": {} }, { "nodeType": "text", "value": "\nJames Hardie is the North American leader in home building products. Hardie® products offer long lasting beauty and endless design possibilities with trusted protection and low maintenance. As the #1 producer and marketer of high-performance fiber cement building solutions, James Hardie offers siding and accessories for every style. Hardie® products are non-combustible and stand up to weather and time while empowering homeowners and building professionals to achieve the home of their dreams. James Hardie operates with an inclusive company culture, and an unwavering commitment to Zero Harm. The company proudly employs a diverse workforce of over 5,000 employees worldwide.\n\nFor more information and media resources, visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://c212.net/c/link/?t=0&l=en&o=4071946-1&h=356309645&u=http%3A%2F%2Fwww.jameshardie.com%2F&a=JamesHardie.com" }, "content": [ { "nodeType": "text", "value": "JamesHardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " and ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/all-about-james-hardie/press-releases/" }, "content": [ { "nodeType": "text", "value": "https://www.jameshardie.com/all-about-james-hardie/press-releases/", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". For investor information, please visit ir.jameshardie.com.au.\n\nConnect with James Hardie on social media:\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://linkedin.com/company/JamesHardie" }, "content": [ { "nodeType": "text", "value": "Linkedin.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.instagram.com/jameshardie" }, "content": [ { "nodeType": "text", "value": "Instagram.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.facebook.com/jameshardie" }, "content": [ { "nodeType": "text", "value": "Facebook.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.twitter.com/JamesHardie" }, "content": [ { "nodeType": "text", "value": "X [formerly Twitter]", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " ", "marks": [], "data": {} } ] } ] }, "title": "James Hardie partners with Habitat for Humanity International to help build climate resilient homes in communities across the country", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "CHICAGO (February 27, 2024) —", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": " As part of the company’s purpose, ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All™", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": ", today, James Hardie (NYSE: JHX), one of the world’s leading manufacturers of building solutions, expanded its longtime support of Habitat for Humanity International as the newest corporate sponsor of the ‘Habitat Strong’ program.", "marks": [], "data": {} } ] }, { "nodeType": "embedded-entry-block", "data": { "target": { "metadata": { "tags": [], "concepts": [] }, "sys": { "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "id": "3ckaNnTD3mxtq022Yuv4jQ", "type": "Entry", "createdAt": "2024-03-28T23:33:23.064Z", "updatedAt": "2024-03-28T23:33:23.064Z", "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": "James Hardie Sponsors ‘Habitat Strong’ to Help Build Climate Resilient Homes Across the Country", "videoTitle": "James Hardie Sponsors ‘Habitat Strong’ to Help Build Climate Resilient Homes Across the Country", "embedUrl": "https://www.youtube.com/watch?v=fNiHaTCidvg" } } }, "content": [] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "‘Habitat Strong’ was developed in response to the need to build affordable and more climate-resilient homes that can withstand severe weather conditions and natural disasters. James Hardie will provide its signature fiber cement siding and trim products that are designed to stand the test of time, as well as monetary donations to fund the construction of climate-resilient homes in communities across the country over the next three years.\n\n“We’re extremely proud to continue our support of Habitat’s vision to create a world where everyone has a decent place to live,” said Aaron Erter, Chief Executive Officer, James Hardie. “The new partnership is a natural extension of our purpose, ", "marks": [], "data": {} }, { "nodeType": "text", "value": "Building a Better Future for All™", "marks": [ { "type": "bold" } ], "data": {} }, { "nodeType": "text", "value": ". This purpose includes efforts to develop resilient building solutions that do right by our shared planet, as well as support communities where our team of more than 5,000 global employees live and work.”\n\nFor families in areas prone to natural disasters, the ‘Habitat Strong’ program aims to construct homes with code-plus building practices that meet and exceed the Insurance Institute for Business & Home Safety’s FORTIFIED™ home standard.\n\n“When a disaster strikes, the loss of a home can leave a family at their most vulnerable,” said Tolli Love, Chief Development Officer, Habitat for Humanity International. “As global warming and climate change continue to make weather events more frequent and severe, the need for more resilient homes is increasingly apparent. The monetary and product donations from James Hardie will enable local Habitat affiliates across the country to build stronger, more durable homes within their communities. We are grateful for their support of ‘Habitat Strong’ and are excited about what we will continue to build together.”\n\nSince Habitat for Humanity was founded in 1976, the nonprofit has helped 59 million people around the world build or improve a place to call home – including 13.4 million people in 2023 alone. The organization also is working to help millions more improve their housing conditions through training programs and advocacy work driven by Habitat in local communities.\n\nFor more information about James Hardie’s support of the ‘Habitat Strong’ program or the company’s products, visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/" }, "content": [ { "nodeType": "text", "value": "www.jameshardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". \n###\n", "marks": [], "data": {} }, { "nodeType": "text", "value": "James Hardie Building Products Inc.", "marks": [ { "type": "bold" }, { "type": "underline" } ], "data": {} }, { "nodeType": "text", "value": "\nJames Hardie is the North American leader in home building products. Hardie® products offer long lasting beauty and endless design possibilities with trusted protection and low maintenance. As the #1 producer and marketer of high-performance fiber cement building solutions, James Hardie offers siding and accessories for every style. Hardie® products are non-combustible and stand up to weather and time while empowering homeowners and building professionals to achieve the home of their dreams. James Hardie operates with an inclusive company culture, and an unwavering commitment to Zero Harm. The company proudly employs a diverse workforce of over 5,000 employees worldwide.\n\nFor more information and media resources, visit ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://c212.net/c/link/?t=0&l=en&o=4071946-1&h=356309645&u=http%3A%2F%2Fwww.jameshardie.com%2F&a=JamesHardie.com" }, "content": [ { "nodeType": "text", "value": "JamesHardie.com", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " and ", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "https://www.jameshardie.com/all-about-james-hardie/press-releases/" }, "content": [ { "nodeType": "text", "value": "https://www.jameshardie.com/all-about-james-hardie/press-releases/", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": ". For investor information, please visit ir.jameshardie.com.au.\n\nConnect with James Hardie on social media:\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://linkedin.com/company/JamesHardie" }, "content": [ { "nodeType": "text", "value": "Linkedin.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.instagram.com/jameshardie" }, "content": [ { "nodeType": "text", "value": "Instagram.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.facebook.com/jameshardie" }, "content": [ { "nodeType": "text", "value": "Facebook.com/JamesHardie", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "\n", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "http://www.twitter.com/JamesHardie" }, "content": [ { "nodeType": "text", "value": "X [formerly Twitter]", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": " ", "marks": [], "data": {} } ] } ] } }, "title": { "type": "text", "value": "James Hardie partners with Habitat for Humanity International to help build climate resilient homes in communities across the country" } } } } - 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