Components
Loading preview...
Here is Code Block component
npx shadcn@latest add https://21st.dev/r/vercel/code-blockimport { CodeBlock, CodeBlockCopyButton } from '@/components/ui/code-block';
export default function DemoOne() {
return (
<CodeBlock
code={`function greet(name) {
console.log("Hello, " + name + "!");
}
greet("World");`}
language="jsx"
>
<CodeBlockCopyButton
onCopy={() => console.log("Copied code to clipboard")}
onError={() => console.error("Failed to copy code to clipboard")}
/>
</CodeBlock>
);
}