components / code-block

code-block.

syntax-highlighted code box with a built-in copy button. monochrome prism theme tuned for a black background.

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
props
nametypedefaultdescription
code *string-source to render; trailing newline trimmed.
languagestring"tsx"prism language id.
copyablebooleantrueshow the top-right copy button.
resetMsnumber2000ms before the copy label reverts.