components / code-block

code-block.

syntax-highlighted code box with a built-in copy button. monochrome prism theme tuned for a black background; common languages bundled (tsx, ts, jsx, js, bash, json, css, markup).

import { Button } from "@/components/ui/button";


// a tiny greeting
export function Hello({ name }: { name: string }) {
  const greeting = `hi ${name}`;
  return <Button variant="dashed">{greeting}</Button>;
}
installation
bunx @justin06lee/chrome@latest add code-block