CodeBlock

Blok kódu s copy tlačítkem, čísly řádků, filename headerem a dark / light / transparent variantami

Installation

pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/code-block.json

Usage

Preview

Varianty

button.tsx

1 import { Button } from "@/components/ui/button"
2 
3 export function Demo() {
4   return <Button label="Klikni" color="primary" />
5 }

bash

pnpm dlx shadcn@latest add button

tsx

const greeting = "Ahoj světe"

Import

import { CodeBlock } from "@/components/ui/code-block"

Example

<CodeBlock filename="components/button.tsx" language="tsx" code={`import { Button } from "@/components/ui/button" export function Demo() { return <Button label="Klikni" color="primary" /> }`} lineNumbers variant="default" /> // Dark varianta <CodeBlock code="pnpm dlx shadcn@latest add button" variant="dark" language="bash" />

Dependencies

https://registry.ceskysoftware.cz/r/utils.json (registry)