https://github.com/willi-dev/color-palette-box

color-palette-box
https://github.com/willi-dev/color-palette-box

Last synced: 13 days ago
JSON representation

color-palette-box

• Host: GitHub
• URL: https://github.com/willi-dev/color-palette-box
• Owner: willi-dev
• Created: 2022-05-22T10:24:00.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-08T15:15:16.000Z (about 2 years ago)
• Last Synced: 2024-10-29T15:29:33.267Z (19 days ago)
• Language: TypeScript
• Size: 398 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Color Palette Box

![Screenshot](static/color-palette-box-preview.png)

React Components for display color palette name.

It can use in React App or can use in MDX storybook docs.

### Documentation

**npm**

```

npm install color-palette-box

```

**yarn**

```

yarn add color-palette-box

```

**example**

```

//import

import { ColorPaletteGroup, ColorPaletteGroupItem } from 'color-palette-box'

# create a list of your colors

const list = [

  {

    name: 'color #1',

    bgColor: '#000000',

    desc: 'description here' // optional

  },

  {

    name: 'color #2',

    bgColor: '#DFDFDF',

    desc: 'description here' // optional

  }

]

// in your component render

  {

    list.map(( color, index ) => {

      return (

        

      )

    })

  }

```