{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "section-header-demo",
  "type": "registry:component",
  "title": "Section header example",
  "description": "Usage example (demo) for Section header: the code behind the preview on https://facadeui.dev/components/section-header. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/button.json",
    "https://facadeui.dev/r/section-header.json"
  ],
  "files": [
    {
      "path": "section-header.tsx",
      "type": "registry:component",
      "target": "components/examples/section-header-demo.tsx",
      "content": "import { Button } from \"@/components/ui/button\"\nimport { SectionHeader } from \"@/components/ui/section-header\"\n\nexport function Demo() {\n  return (\n    <div className=\"flex flex-col gap-14\">\n      <SectionHeader\n        eyebrow=\"Features\"\n        title=\"Everything a marketing page needs\"\n        description=\"Composable sections that read like code you wrote yourself, because after install they are.\"\n        actions={<Button variant=\"outline\">Browse sections</Button>}\n      />\n      <SectionHeader\n        align=\"center\"\n        size=\"lg\"\n        title=\"Centred, one size larger\"\n        description=\"Alignment and scale are independent of the heading level.\"\n      />\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/section-header-demo.tsx renders Section header with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/section-header"
}