code-block

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

$pnpm dlx shadcn@latest add code-block

Live preview

This registry ships no demo for this component, so there is nothing to run.

No npm packages are installed with it.

New to shadcn? Set up your project

If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.

$pnpm dlx shadcn@latest init

$pnpm dlx shadcn@latest add code-block

This registry ships no demo for this component, so there is nothing to run.

No npm packages are installed with it.