Code Block

New

Displays source code with optional syntax highlighting, filename, line numbers, and copying.

Installation

bunx @swift-rust/ui add code-block

Usage

tsx

1import { CodeBlock } from "@/components/ui/code-block";
2 
3<CodeBlock
4  filename="button.tsx"
5  language="tsx"
6  code={'<Button>Save</Button>'}
7/>

Examples

cta.tsx

1import { Button } from "@/components/ui/button";
2 
3export function Cta() {
4  return <Button design="3d">Get started</Button>;
5}

← Checkbox Collapsible →