Hardie® Backer Board Products

Unknown Component

Received request from Uniform to render a component with the public ID: headlineLocation.

<UniformComposition /> does not have headlineLocation 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 HeadlineLocation({ theme, title, isHeader, subtitle, hasLocation, headerDirection }) {
  return (
    <div>
      HeadlineLocation!
      
    </div>
  )
}

registerUniformComponent({ type: "headlineLocation", component: HeadlineLocation })

Props that your React component will receive

{
  "theme": "white",
  "title": "Hardie® Backer Board Products",
  "isHeader": true,
  "subtitle": "Hardie® Backer Board, voted most preferred brand* of backer board by tile installers, delivers superior performance with excellent tile adhesion.",
  "hasLocation": true,
  "headerDirection": "row",
  "component": {
    "type": "headlineLocation",
    "parameters": {
      "theme": {
        "type": "select",
        "value": "white"
      },
      "title": {
        "type": "text",
        "value": "Hardie® Backer Board Products"
      },
      "isHeader": {
        "type": "checkbox",
        "value": true
      },
      "subtitle": {
        "type": "text",
        "value": "Hardie® Backer Board, voted most preferred brand* of backer board by tile installers, delivers superior performance with excellent tile adhesion."
      },
      "hasLocation": {
        "type": "checkbox",
        "value": true
      },
      "headerDirection": {
        "type": "select",
        "value": "row"
      }
    }
  }
}

Import the component into the file where <UniformComposition /> is defined, for example
```
import "../components/HeadlineLocation.tsx"
```

Need more help? Check out the documentation.

Unknown Component

Received request from Uniform to render a component with the public ID: productListing.

<UniformComposition /> does not have productListing 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 ProductListing({ title, subtitle }) {
  return (
    <div>
      ProductListing!
      
    </div>
  )
}

registerUniformComponent({ type: "productListing", component: ProductListing })

Props that your React component will receive

{
  "title": "Hardie® Products",
  "subtitle": "Create the stunning, durable, and stylish home you've been waiting for. Hardie® siding and trim products expertly integrate timeless beauty and enduring quality.",
  "component": {
    "type": "productListing",
    "parameters": {
      "title": {
        "type": "text",
        "value": "Hardie® Products"
      },
      "subtitle": {
        "type": "text",
        "value": "Create the stunning, durable, and stylish home you've been waiting for. Hardie® siding and trim products expertly integrate timeless beauty and enduring quality."
      }
    }
  }
}

Import the component into the file where <UniformComposition /> is defined, for example
```
import "../components/ProductListing.tsx"
```

Need more help? Check out the documentation.

Start your renovation

Ready to take the next step? Find a local pro to help you execute your design vision with Hardie® siding.

Find a local contractor

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": "Based on a 2021 survey of 1,224 U.S. homeowners.",
  "theme": "dark",
  "component": {
    "type": "disclaimerText",
    "parameters": {
      "text": {
        "type": "text",
        "value": "Based on a 2021 survey of 1,224 U.S. homeowners."
      },
      "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.

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": "According to the 2021 Tile and Stone Installation Contractor Market Study conducted by Clear Seas Research in partnership with the NTCA and TILE Magazine.",
  "theme": "dark",
  "component": {
    "type": "disclaimerText",
    "parameters": {
      "text": {
        "type": "text",
        "value": "According to the 2021 Tile and Stone Installation Contractor Market Study conducted by Clear Seas Research in partnership with the NTCA and TILE Magazine."
      },
      "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.

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": "Passes ANSI A118.10 waterproofness. Some application areas, such as shower pans, may require additional waterproofing. Refer to local building code requirements.",
  "theme": "dark",
  "component": {
    "type": "disclaimerText",
    "parameters": {
      "text": {
        "type": "text",
        "value": "Passes ANSI A118.10 waterproofness. Some application areas, such as shower pans, may require additional waterproofing. Refer to local building code requirements."
      },
      "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.

Update your location

Protect your home with legendary durability

Build success with our Contractor Alliance® program

Visualize your project before you get started

Sustainable solutions built to last

Update your location

Unknown Component

Unknown Component

Unknown Component

Unknown Component

Unknown Component

Update your location