Statement Collection^®

Unknown Component

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

<UniformComposition /> does not have colorSwatch 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 ColorSwatch({ title, subtitle, headlineLevel, collectionName, colorCollection }) {
    return (
      <div>
        ColorSwatch!
        
      </div>
    )
  }
  
  registerUniformComponent({ type: "colorSwatch", component: ColorSwatch })

  Props that your React component will receive

  {
    "title": "Explore colors and order samples",
    "subtitle": "Infuse your home with personal style using our classic Statement Collection® color palette. Carefully curated by design experts, each color works across a range of architectural styles to inspire confident, simplified choices. As screen displays can vary, order samples below to experience colors firsthand.*",
    "headlineLevel": "h4",
    "collectionName": "Statement Collection®",
    "colorCollection": "FH1",
    "component": {
      "type": "colorSwatch",
      "variant": "preview",
      "parameters": {
        "title": {
          "type": "text",
          "value": "Explore colors and order samples"
        },
        "subtitle": {
          "type": "text",
          "value": "Infuse your home with personal style using our classic Statement Collection® color palette. Carefully curated by design experts, each color works across a range of architectural styles to inspire confident, simplified choices. As screen displays can vary, order samples below to experience colors firsthand.*"
        },
        "headlineLevel": {
          "type": "select",
          "value": "h4"
        },
        "collectionName": {
          "type": "text",
          "value": "Statement Collection®"
        },
        "colorCollection": {
          "type": "select",
          "value": "FH1"
        }
      }
    }
  }

• Import the component into the file where <UniformComposition /> is defined, for example

  import "../components/ColorSwatch.tsx"

Need more help? Check out the documentation.