@plone/components/src/stories/Quanta.colors.mdx

ReactJS components for Plone

import { Meta, ColorPalette, ColorItem } from '@storybook/blocks';
import { quantaColors, quantaGreys, quantaBlues, quantaReds, quantaYellows, quantaGreens, quantaBlueGreens } from './colors';

<Meta title="Styleguide/Quanta Colors" />

<ColorPalette>
  <ColorItem
    title="Quanta slate"
    subtitle=""
    colors={ quantaColors }
  />
  <ColorItem
    title="Quanta greys"
    subtitle=""
    colors={ quantaGreys }
  />
  <ColorItem
    title="Quanta blues"
    subtitle=""
    colors={ quantaBlues }
  />
  <ColorItem
    title="Quanta reds"
    subtitle=""
    colors={ quantaReds }
  />
  <ColorItem
    title="Quanta yellows"
    subtitle=""
    colors={ quantaYellows }
  />
  <ColorItem
    title="Quanta greens"
    subtitle=""
    colors={ quantaGreens }
  />
  <ColorItem
    title="Quanta blue-greens"
    subtitle=""
    colors={ quantaBlueGreens }
  />
</ColorPalette>