Code Block

Presents source code with file metadata, copying, and optional line numbers.

@rivetui/code-block

Preview

Explore each composition interactively, then open its code in the same context.

deploy-button.tsxtsx

1import { Button } from "@/components/ui/button"2
3export function DeployButton() {4  return <Button>Deploy revision</Button>5}

install.shshell

bunx --bun shadcn@latest add @rivetui/code-block @rivetui/terminal @rivetui/button

const region = "eu-central-1"

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/code-block

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.