Expressive code testing

How to cook code highlighting

1 Jan 2025

Sometimes I need to paste some code snippets in blog posts and thank God I've found Expressive Code for that task.

example.tsx
import { FC, ReactNode } from 'react';


interface Props {
  title: string;
  children?: ReactNode;
}


const Example: FC<Props> = ({ title, children }) => {
  return (
    <div>
      <h1>{title}</h1>
      <div>{children}</div>
    </div>
  )
}


export { Example };