Code Line

Compact single-line code snippet with syntax highlighting and an inline copy button.

shikilucide-react

import { Button } from "@/components/ui/button"

Installation

$ shadcn add @jalco/code-line

import { CodeLine } from "@/components/code-line"

<CodeLine code={`import { Button } from "@/components/ui/button"`} />

TypeScript

const schema = z.object({ email: z.string().email() })

Shell

npx shadcn@latest add button

PropType

Icon library. Uses Lucide icons by default. Since this is copy-paste code, you can swap the imports if your project uses a different icon library.