Get a QuoteInstallation Guidance & Technical Downloads
Find the technical documentation you need to build your James Hardie project from start to finish. From clearance requirements to installation videos to CAD files, we've got you covered.
Unknown Component
Received request from Uniform to render a component with the public ID: techdocs.
<UniformComposition /> does not have techdocs 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 Techdocs({ title, productSorting, documentSorting }) { return ( <div> Techdocs! </div> ) } registerUniformComponent({ type: "techdocs", component: Techdocs })Props that your React component will receive
{ "title": "Tech Docs", "productSorting": [ { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR8" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR7" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR12" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR11" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR10" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR9" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR5" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR4" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR14" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR3" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR6" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR13" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR1" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "NONE" } } } ], "documentSorting": [ { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "installation-instructions" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "best-practice-guides" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "additional-installation-resources" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "technical-bulletins" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "code-compliance-certification" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "design-resources-cad" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "sds-safety-resources-and-sustainability" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "warranty" } } } ], "component": { "type": "techdocs", "parameters": { "title": { "type": "text", "value": "Tech Docs" }, "productSorting": { "type": "$block", "value": [ { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR8" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR7" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR12" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR11" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR10" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR9" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR5" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR4" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR14" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR3" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR6" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR13" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "BR1" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "NONE" } } } ] }, "documentSorting": { "type": "$block", "value": [ { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "installation-instructions" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "best-practice-guides" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "additional-installation-resources" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "technical-bulletins" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "code-compliance-certification" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "design-resources-cad" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "sds-safety-resources-and-sustainability" } } }, { "type": "techdocsSort", "fields": { "id": { "type": "text", "value": "warranty" } } } ] } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/Techdocs.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote