Skip to main content

ColorPalettePreview

Storybook

To implement ColorPalettePreview component into your project you'll need to add the import:

import { ColorPalettePreview } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<ColorPalettePreview
  colors={{
    primaryColor: "007bff",
    primaryColorHover: "0056b3",
    secondaryColor: "6c757d",
    secondaryColorHover: "5a6268",
    tertiaryColor: "28a745",
    tertiaryColorHover: "218838",
  }}
/>