Code Block

A code block with a label, a copy button, and light coloring for keywords, strings, comments and numbers, with no highlighter dependency.

Library

EaseUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @easeui/code-block

Files

• components/motion/code-block.tsx
• components/motion/copy-button.tsx
• lib/utils.ts

Source

https://github.com/rjcuff/easeui

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 EaseUI

• Accordion
• Agent Loading States
• Alert
• Avatar
• Badge
• Button
• Card
• Checkbox
• Command Palette
• Copy Button
• Diff View
• Drawer