React CDX

Code snippet rendering and interaction library for React.

Features

• 💅 Styling-agnostic (raw CSS, CSS-in-JS, pre-built themes).
• 🎯 Focused lines.
• 💎 Interactive code tokens.

Getting started

npm install react-cdx

import React from 'react'
import { Code } from 'react-cdx'

export function Example() {
  return (
    <Code
      code={`
function multiply(a, b) {
  return a * b
}
    `}
    />
  )
}