Welcome to the Pros Hub

The James Hardie Pros Hub is your destination for professional resources and expert insights. Explore our comprehensive toolkit designed to empower your expertise, drive success, and elevate your projects.

How do I...

Setting the standard

MEMBERSHIP PROGAMBuilding success togetherThe James Hardie Contractor Alliance® Program is designed to help you take your business to the next level. Take advantage of more marketing tools, lead generation opportunities, and training on everything from in-home sales to installation.Learn more
DURABILITYResilient beautySiding demands resilience as it’s exposed daily to nature's elements, such as weather, water, fire, pests, and of course, time. James Hardie's portfolio of exterior products are Engineered for Climate® to endure these challenges. Our Hardie® Zone System helps you select the products appropriate to withstand the climate in your specific area, delivering lasting beauty and reliable protection.Learn more
Hover® DESIGN STUDIOSuccessful from the startGain a competitive edge and build trust with your customers via the Hover® Design Studio app, brought to you by James Hardie. Hover® lets you work with homeowners to craft a precise 3D model of your Hardie® siding project, enabling better estimates and design possibilities.Learn more

Inspiring possibilities

How to photograph a house before and after a siding renovation

It’s a well-worn saying, but a picture is still worth a thousand words. They can be worth even more if the pictures look good and tell a story.

View more

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 example
    import "../components/DisclaimerText.tsx"

Need more help? Check out the documentation.

Unable to find Uniform Context. Ensure the devtools plugin is activated.

logo
© 2024 James Hardie Building Products Inc. All rights reserved. ™ or ® denote trademarks or registered trademarks of James Hardie Technology Ltd.