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/4FG3kyIhoEjSMujDpEvLzN/2a7a5e588581567a338d97982a6eab88/james-hardie-hover-lockup.jpg", "title": "James Hardie and Hover have joined forces to deliver an innovative digital experience to visualize and scope home exteriors", "introText": "Homeowners and trade professionals can now envision design possibilities and accurately scope every Hardie® siding and trim project", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/4FG3kyIhoEjSMujDpEvLzN/2a7a5e588581567a338d97982a6eab88/james-hardie-hover-lockup.jpg" }, "title": { "type": "text", "value": "James Hardie and Hover have joined forces to deliver an innovative digital experience to visualize and scope home exteriors" }, "introText": { "type": "text", "value": "Homeowners and trade professionals can now envision design possibilities and accurately scope every Hardie® siding and trim project" } } } } - 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": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [ { "type": "bold" } ], "value": "Chicago, IL (February 15, 2024) —", "nodeType": "text" }, { "data": {}, "marks": [], "value": " James Hardie Building Products Inc. (James Hardie), a global leader in exterior building products, and Hover, the technology company that transforms smartphone photos and blueprint designs of any property into a digital 3D model, have joined forces to make ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/hover-design-visualization/" }, "content": [ { "data": {}, "marks": [], "value": "Hover® Design Studio", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " available to homeowners on JamesHardie.com. This first-of-its-kind exterior home design mobile app transforms the home improvement journey by empowering homeowners to effortlessly design their exterior re-side project and communicate their vision to a trade professional.\n\n“Choosing the right style and color has always been one of the most difficult steps in the exterior home improvement process. We know that homeowners who have been given the opportunity to visualize designs on their home’s actual exterior are better positioned to move forward with this purchase when they speak to a contractor. We are thrilled to be able to make this unique and powerful tool available to help simplify this experience,” said Sean Gadd, President of James Hardie North America.\n\nThe launch of Hover® Design Studio on JamesHardie.com complements the trade pro version of the application, Hover® Design Pro, which saves the construction professional time and money by providing complete measurements, collaborative design tools, and detailed material takeoffs.\n\n“At Hover, our mission is to make the homeowner journey easy, transparent, and fun. We are dedicated to crafting a product that ensures all home improvement decisions are made with confidence,” said A.J. Altman, Founder and CEO of Hover. “We’re excited to work with James Hardie, an iconic brand in home improvement, to further that commitment with a quick and simple experience, and ultimately, help bring homeowners’ design visions to life.”\n\nVisit ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/hover-design-visualization/" }, "content": [ { "data": {}, "marks": [], "value": "JamesHardie.com/hover-design-visualization", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to access Hover® Design Studio and experience the future of exterior home visualization.\n\n ###\n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" }, { "type": "underline" } ], "value": "James Hardie Building Products Inc.", "nodeType": "text" }, { "data": {}, "marks": [], "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 ", "nodeType": "text" }, { "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": [ { "data": {}, "marks": [], "value": "JamesHardie.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/why-james-hardie/media-resources/" }, "content": [ { "data": {}, "marks": [], "value": "JamesHardie.com/why-james-hardie/media-resources", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". For investor information, please visit ir.jameshardie.com.au.\n\nConnect with James Hardie on social media:\n", "nodeType": "text" }, { "data": { "uri": "http://linkedin.com/company/JamesHardie" }, "content": [ { "data": {}, "marks": [], "value": "Linkedin.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.instagram.com/jameshardie" }, "content": [ { "data": {}, "marks": [], "value": "Instagram.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.facebook.com/jameshardie" }, "content": [ { "data": {}, "marks": [], "value": "Facebook.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.twitter.com/JamesHardie" }, "content": [ { "data": {}, "marks": [], "value": "X [formerly Twitter]", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n\n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" }, { "type": "underline" } ], "value": "Hover", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\nHover brings a transformative digital experience to the built world. With a mobile app that measures, designs, and estimates home project costs all in one place, Hover drives workflow efficiencies for contractors and enables a faster, simpler, and more transparent experience for homeowners. Providing stunningly easy-to-use 3D visualizations, complete measurements, and precise project estimates, Hover offers contractors solutions and customizable automation for any exterior trade, job type, or team.\n\nOver 300,000 contractors and home improvement professionals have captured a property using Hover. Over five million properties and 15 billion square feet of roofing have been modeled using Hover’s technology. For more information, visit ", "nodeType": "text" }, { "data": { "uri": "http://hover.to/" }, "content": [ { "data": {}, "marks": [], "value": "hover.to", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" }, "title": "James Hardie and Hover have joined forces to deliver an innovative digital experience to visualize and scope home exteriors", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [ { "type": "bold" } ], "value": "Chicago, IL (February 15, 2024) —", "nodeType": "text" }, { "data": {}, "marks": [], "value": " James Hardie Building Products Inc. (James Hardie), a global leader in exterior building products, and Hover, the technology company that transforms smartphone photos and blueprint designs of any property into a digital 3D model, have joined forces to make ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/hover-design-visualization/" }, "content": [ { "data": {}, "marks": [], "value": "Hover® Design Studio", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " available to homeowners on JamesHardie.com. This first-of-its-kind exterior home design mobile app transforms the home improvement journey by empowering homeowners to effortlessly design their exterior re-side project and communicate their vision to a trade professional.\n\n“Choosing the right style and color has always been one of the most difficult steps in the exterior home improvement process. We know that homeowners who have been given the opportunity to visualize designs on their home’s actual exterior are better positioned to move forward with this purchase when they speak to a contractor. We are thrilled to be able to make this unique and powerful tool available to help simplify this experience,” said Sean Gadd, President of James Hardie North America.\n\nThe launch of Hover® Design Studio on JamesHardie.com complements the trade pro version of the application, Hover® Design Pro, which saves the construction professional time and money by providing complete measurements, collaborative design tools, and detailed material takeoffs.\n\n“At Hover, our mission is to make the homeowner journey easy, transparent, and fun. We are dedicated to crafting a product that ensures all home improvement decisions are made with confidence,” said A.J. Altman, Founder and CEO of Hover. “We’re excited to work with James Hardie, an iconic brand in home improvement, to further that commitment with a quick and simple experience, and ultimately, help bring homeowners’ design visions to life.”\n\nVisit ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/hover-design-visualization/" }, "content": [ { "data": {}, "marks": [], "value": "JamesHardie.com/hover-design-visualization", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " to access Hover® Design Studio and experience the future of exterior home visualization.\n\n ###\n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" }, { "type": "underline" } ], "value": "James Hardie Building Products Inc.", "nodeType": "text" }, { "data": {}, "marks": [], "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 ", "nodeType": "text" }, { "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": [ { "data": {}, "marks": [], "value": "JamesHardie.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": " and ", "nodeType": "text" }, { "data": { "uri": "https://www.jameshardie.com/why-james-hardie/media-resources/" }, "content": [ { "data": {}, "marks": [], "value": "JamesHardie.com/why-james-hardie/media-resources", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". For investor information, please visit ir.jameshardie.com.au.\n\nConnect with James Hardie on social media:\n", "nodeType": "text" }, { "data": { "uri": "http://linkedin.com/company/JamesHardie" }, "content": [ { "data": {}, "marks": [], "value": "Linkedin.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.instagram.com/jameshardie" }, "content": [ { "data": {}, "marks": [], "value": "Instagram.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.facebook.com/jameshardie" }, "content": [ { "data": {}, "marks": [], "value": "Facebook.com/JamesHardie", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n", "nodeType": "text" }, { "data": { "uri": "http://www.twitter.com/JamesHardie" }, "content": [ { "data": {}, "marks": [], "value": "X [formerly Twitter]", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "\n\n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" }, { "type": "underline" } ], "value": "Hover", "nodeType": "text" }, { "data": {}, "marks": [], "value": "\nHover brings a transformative digital experience to the built world. With a mobile app that measures, designs, and estimates home project costs all in one place, Hover drives workflow efficiencies for contractors and enables a faster, simpler, and more transparent experience for homeowners. Providing stunningly easy-to-use 3D visualizations, complete measurements, and precise project estimates, Hover offers contractors solutions and customizable automation for any exterior trade, job type, or team.\n\nOver 300,000 contractors and home improvement professionals have captured a property using Hover. Over five million properties and 15 billion square feet of roofing have been modeled using Hover’s technology. For more information, visit ", "nodeType": "text" }, { "data": { "uri": "http://hover.to/" }, "content": [ { "data": {}, "marks": [], "value": "hover.to", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ". ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "James Hardie and Hover have joined forces to deliver an innovative digital experience to visualize and scope home exteriors" } } } } - 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