Code Block

component

CodeBlock and CodeBlockTabs for Fumadocs MDX's Shiki output: title, icon, copy button, code tabs, and the styles for dual themes, highlights, diffs, focus and line numbers.

pnpm dlx shadcn@latest add "https://docscn.dev/r/codeblock.json"

Sign In

Code Block

component

CodeBlock and CodeBlockTabs for Fumadocs MDX's Shiki output: title, icon, copy button, code tabs, and the styles for dual themes, highlights, diffs, focus and line numbers.

pnpm dlx shadcn@latest add "https://docscn.dev/r/codeblock.json"

@components/docs/components/codeblock.tsx