Markdown Code Block

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/faq/faq40.tsx instead.

Usage

The file also exports faq40Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { Faq40, faq40Demo } from "@/components/blocks/faq/faq40";

export default function Page() {
  return <Faq40 {...faq40Demo} />;
}

Props

Types

interface DocFaqItem {
  question: string;
  answer: string;
}

Behavior notes

• Plain server component; no real markdown parsing happens, the ## prefix and monospace styling are purely visual to evoke a docs file.
• The dark bg-neutral-950 palette is a deliberate one-off exception to the site's semantic-token rule, used here specifically for the terminal/code aesthetic the brief calls for.
• The three header dots are decorative window-chrome only, not real window controls, and the content area scrolls independently once it exceeds its max height.