@bebeal/rehype-color-chips

Rehype plugin that converts color codes into visual color chips in MDX documents

Install

yarn add @bebeal/rehype-color-chips

import { rehypeColorChips } from '@bebeal/rehype-color-chips'

// In your MDX config
{
  rehypePlugins: [rehypeColorChips]
}

# Colors

Red: #f00

Green: #0f0

Blue: #00f

Turns into:

Name		Name	Last commit message	Last commit date
Latest commit History 4 Commits
demo		demo
src		src
.gitignore		.gitignore
.npmignore		.npmignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
tsconfig.build.json		tsconfig.build.json
tsconfig.demo.json		tsconfig.demo.json
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts