Get a QuoteUnknown Component
Received request from Uniform to render a component with the public ID: hoverEmbed.
<UniformComposition /> does not have hoverEmbed 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 HoverEmbed() { return ( <div> HoverEmbed! </div> ) } registerUniformComponent({ type: "hoverEmbed", component: HoverEmbed })Props that your React component will receive
{ "component": { "type": "hoverEmbed" } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/HoverEmbed.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: tabsContainer.
<UniformComposition /> does not have tabsContainer 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 TabsContainer() { return ( <div> TabsContainer! <UniformSlot name="content" /> </div> ) } registerUniformComponent({ type: "tabsContainer", component: TabsContainer })Props that your React component will receive
{ "component": { "type": "tabsContainer", "slots": { "content": [ { "type": "tab", "slots": { "tabContent": [ { "type": "textImageItem", "slots": { "media": [ { "type": "media", "parameters": { "src": { "type": "text", "value": "//videos.ctfassets.net/dzi2asncd44t/1k0U7To4oWj9uzUQoA81Si/af2fc9d040e14108ec7af249ce88a525/Inspiration_Hardie_1194x834.mp4" }, "autoplay": { "type": "checkbox", "value": true } } } ] }, "parameters": { "bodyCopy": { "type": "text", "value": "Upload a photo to see what’s possible. It only takes seconds to generate endless options in looks you love—or are just discovering." }, "headline": { "type": "text", "value": "Explore instant home inspiration" }, "position": { "type": "select", "value": "right" } } } ] }, "parameters": { "title": { "type": "text", "value": "Get design ideas" } } }, { "type": "tab", "slots": { "tabContent": [ { "type": "textImageItem", "slots": { "media": [ { "type": "media", "parameters": { "src": { "type": "text", "value": "//videos.ctfassets.net/dzi2asncd44t/4DmVmD4X15Mx92KsAgB69s/e506af4203b0d59d01a9e01d4b8a9175/Design_Hardie_1194x834.mp4" }, "autoplay": { "type": "checkbox", "value": true } } } ] }, "parameters": { "bodyCopy": { "type": "text", "value": "Try Hardie® products on photos of your home. Adjust the style, material, and color, then save photo-real images to share." }, "headline": { "type": "text", "value": "Customize every detail" }, "position": { "type": "select", "value": "right" } } } ] }, "parameters": { "title": { "type": "text", "value": "Discover materials" } } }, { "type": "tab", "slots": { "tabContent": [ { "type": "textImageItem", "slots": { "media": [ { "type": "media", "parameters": { "src": { "type": "text", "value": "//videos.ctfassets.net/dzi2asncd44t/4z5r0tOsyFPMqKwzPNhFKX/500962b6aba42443a09e6775d4dd25e3/Hardie_Save_Share_1194x834.mp4" }, "autoplay": { "type": "checkbox", "value": true } } } ] }, "parameters": { "bodyCopy": { "type": "text", "value": "Quickly share your designs with friends, family, or your contractor to help push your progress forward." }, "headline": { "type": "text", "value": "Get feedback on your designs" }, "position": { "type": "select", "value": "right" } } } ] }, "parameters": { "title": { "type": "text", "value": "Save and share" } } }, { "type": "tab", "slots": { "tabContent": [ { "type": "textImageItem", "slots": { "media": [ { "type": "media", "parameters": { "src": { "type": "text", "value": "//videos.ctfassets.net/dzi2asncd44t/5dWvhpfPY3iIn0n1kDaDSV/2f1853065ae7a271ce0de97dafbb4ab4/Hardie_Make_It_Real_1194x834.mp4" }, "autoplay": { "type": "checkbox", "value": true } } } ] }, "parameters": { "link": { "type": "link", "value": { "path": "/request-siding-quote", "type": "projectMapNode", "nodeId": "f89173e2-fea4-4a83-a5bd-49b5f7bf3e0e", "projectMapId": "c350da3c-fcaf-49a5-9b94-1a73ef3408f9" } }, "ctaText": { "type": "text", "value": "Request a quote" }, "bodyCopy": { "type": "text", "value": "Begin your exterior renovation journey with us. Connect with a pro to choose design, material, and color." }, "headline": { "type": "text", "value": "Find a pro and get quotes" }, "position": { "type": "select", "value": "right" } } } ] }, "parameters": { "title": { "type": "text", "value": "make it real" } } } ] } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/TabsContainer.tsx"
Need more help? Check out the documentation.
Get inspired
See how other homeowners are using the Hardie™ Designer to bring their projects to life!
Unknown Component
Received request from Uniform to render a component with the public ID: disclaimerText.
<UniformComposition /> does not have disclaimerText 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 DisclaimerText({ text, theme }) { return ( <div> DisclaimerText! </div> ) } registerUniformComponent({ type: "disclaimerText", component: DisclaimerText })Props that your React component will receive
{ "text": "Hover is a registered trademark of Hover Inc. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials.", "theme": "dark", "component": { "type": "disclaimerText", "_pattern": "86bfbe85-3e37-4029-ac5e-97b14948d5a6", "parameters": { "text": { "type": "text", "value": "Hover is a registered trademark of Hover Inc. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials." }, "theme": { "type": "select", "value": "dark" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/DisclaimerText.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote