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™ Moisture Management Products",
  "isHeader": true,
  "subtitle": "Moisture management is key to a successful siding project. See how Hardie™ products can help keep moisture in check. ",
  "hasLocation": true,
  "headerDirection": "row",
  "component": {
    "type": "headlineLocation",
    "parameters": {
      "theme": {
        "type": "select",
        "value": "white"
      },
      "title": {
        "type": "text",
        "value": "Hardie™ Moisture Management Products"
      },
      "isHeader": {
        "type": "checkbox",
        "value": true
      },
      "subtitle": {
        "type": "text",
        "value": "Moisture management is key to a successful siding project. See how Hardie™ products can help keep moisture in check. "
      },
      "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
Start your renovation

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.

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