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/hqBYhM5B06HItM0mX2mB0/47887854abb780b92510cff3fbf355d0/Hardie-Architectural-Collection-Hero-Home.jpg", "title": "Hardie™ Architectural Collection receives Good Housekeeping 2022 home reno award in the Excellent Exteriors category", "introText": "Good Housekeeping ", "component": { "type": "articleHero", "parameters": { "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/hqBYhM5B06HItM0mX2mB0/47887854abb780b92510cff3fbf355d0/Hardie-Architectural-Collection-Hero-Home.jpg" }, "title": { "type": "text", "value": "Hardie™ Architectural Collection receives Good Housekeeping 2022 home reno award in the Excellent Exteriors category" }, "introText": { "type": "text", "value": "Good Housekeeping " } } } } - 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": {}, "content": [ { "data": {}, "marks": [], "value": "Our experts haven’t seen this kind of innovation in the siding category since, well, James Hardie shook up the industry with the launch of its HardiePlank lap siding product in the late 1980s. Hardie’s Architectural Collection uses the same fiber cement material with its many attributes (durability, fire and rot resistance, range of colors, etc.) but reimagines it as a panel siding product with a decidedly modern look and feel. The panels are also easier to install than traditional siding, reducing labor costs by as much as 50%, according to the brand. The collection is available in five textures: fine sand, fine sand-grooved, mounded sand, sea grass and sculpted clay.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Lab Results:", "nodeType": "text" }, { "data": {}, "marks": [], "value": " The panels performed similarly in our tests to other fiber cement products, resisting dents in our drop test (a good approximation of hail) and scratches in our abrasion test (which might simulate a tree branch rubbing against the material). Our experts also confirmed the material's resistance to heat and fire. And the textured finishes were a big hit with our design experts, who agreed that the panels would be a perfect fit for contemporary remodels. ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "blockquote" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "(", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "italic" } ], "value": "Source: ", "nodeType": "text" }, { "data": { "uri": "https://www.goodhousekeeping.com/home/renovation/a40785189/home-renovation-awards-2022/" }, "content": [ { "data": {}, "marks": [ { "type": "italic" } ], "value": "GoodHouseKeeping.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ") ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" }, "title": "Hardie™ Architectural Collection receives Good Housekeeping 2022 home reno award in the Excellent Exteriors category", "component": { "type": "articleBody", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Our experts haven’t seen this kind of innovation in the siding category since, well, James Hardie shook up the industry with the launch of its HardiePlank lap siding product in the late 1980s. Hardie’s Architectural Collection uses the same fiber cement material with its many attributes (durability, fire and rot resistance, range of colors, etc.) but reimagines it as a panel siding product with a decidedly modern look and feel. The panels are also easier to install than traditional siding, reducing labor costs by as much as 50%, according to the brand. The collection is available in five textures: fine sand, fine sand-grooved, mounded sand, sea grass and sculpted clay.\n \n", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "bold" } ], "value": "Lab Results:", "nodeType": "text" }, { "data": {}, "marks": [], "value": " The panels performed similarly in our tests to other fiber cement products, resisting dents in our drop test (a good approximation of hail) and scratches in our abrasion test (which might simulate a tree branch rubbing against the material). Our experts also confirmed the material's resistance to heat and fire. And the textured finishes were a big hit with our design experts, who agreed that the panels would be a perfect fit for contemporary remodels. ", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "blockquote" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "(", "nodeType": "text" }, { "data": {}, "marks": [ { "type": "italic" } ], "value": "Source: ", "nodeType": "text" }, { "data": { "uri": "https://www.goodhousekeeping.com/home/renovation/a40785189/home-renovation-awards-2022/" }, "content": [ { "data": {}, "marks": [ { "type": "italic" } ], "value": "GoodHouseKeeping.com", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": ") ", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Hardie™ Architectural Collection receives Good Housekeeping 2022 home reno award in the Excellent Exteriors category" } } } } - 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