Code Block

A plug-and-play syntax-highlighted code block for documentation and developer interfaces.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

@icons-pack/react-simple-icons, lucide-react, shiki

Install

npx shadcn@latest add @sona-ui/code-block

Files

• src/registry/sonaui/code-block/code-block.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Code Block Components
• React Code Block Components
• Tailwind CSS Code Block Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components

More from Sona UI

• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase
• BubbleUpButton
• Button