Code Block

Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.

Library

AI Elements

Framework

React

Type

component

License

Apache-2.0

Install

npx ai-elements@latest add code-block

Files

• packages/elements/src/code-block.tsx
• packages/shadcn-ui/components/ui/button.tsx
• packages/shadcn-ui/components/ui/select.tsx
• packages/shadcn-ui/lib/utils.ts

Source

https://github.com/vercel/ai-elements

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 AI Elements

• Snippet
• Agent
• Artifact
• Attachments
• Audio Player
• Canvas
• Chain Of Thought
• Checkpoint
• Commit
• Confirmation
• Connection
• Context