Code Block

Syntax-lite code block with filename header, line numbers, copy button and in-block horizontal scroll.

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

Also accepts all props of Omit<React.ComponentProps<"div">, "children">

Prop	Type	Default	Description
code* required	`string`	—	—
language	`CodeLanguage`	—	—
filename	`string`	—	—
showLineNumbers	`boolean`	—	—

$ npx shadcn@latest add https://chromotion.dev/r/code-block.json