Code Block

Usage

const meetingSummary = {
  title: "Q3 Revenue Review",
  date: "2025-10-15",
  attendees: ["Charles", "Sasha", "David"],
  keyDecisions: [
    "Revise FY25 forecast to reflect 12% YoY growth",
    "Defer APAC expansion to Q1 next year",
  ],
  actionItems: [
    { owner: "Sasha", task: "Update budget model by Friday" },
    { owner: "David", task: "Send revised pipeline report to board" },
  ],
}

import { CodeBlock, CodeBlockCode } from '@jamie/ui/code-block'
 
const code = `const meetingSummary = {
  title: "Q3 Revenue Review",
  date: "2025-10-15",
  attendees: ["Charles", "Sasha", "David"],
  keyDecisions: [
    "Revise FY25 forecast to reflect 12% YoY growth",
    "Defer APAC expansion to Q1 next year",
  ],
  actionItems: [
    { owner: "Sasha", task: "Update budget model by Friday" },
    { owner: "David", task: "Send revised pipeline report to board" },
  ],
}`
 
export function CodeBlockDemo() {
  return (
    <CodeBlock>
      <CodeBlockCode code={code} language="typescript" />
    </CodeBlock>
  )
}