Code Block
- from @knowns-ui
Code with syntax colours, a copy button, filename and language label, line numbers, highlighted lines, a wrap toggle and long-output collapse. No highlighter dependency, and a slot for Shiki.
Install
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 initpnpm dlx shadcn@latest add @knowns-ui/code-blockLive preview
No live preview has been built for this component yet.
Registry dependencies2
Packages0
No npm packages are installed with it.