Conversation

Code block

<CodeBlock />

Code in a card, with its language or file name and a copy button.

cart.ts

export const total = (items: Item[]) =>
  items.reduce((sum, item) => sum + item.cents * item.qty, 0)

Install

bash

npx shadcn@latest add https://orbeez-kit.vercel.app/r/code-block.json

tsx

<CodeBlock code={source} filename="cart.ts" />
<CodeBlock code={source} language="ts" />