{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "logo-mark-demo",
  "type": "registry:component",
  "title": "Logo mark example",
  "description": "Usage example (demo) for Logo mark: the code behind the preview on https://facadeui.dev/components/logo-mark. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/logo-mark.json"
  ],
  "files": [
    {
      "path": "logo-mark.tsx",
      "type": "registry:component",
      "target": "components/examples/logo-mark-demo.tsx",
      "content": "import { LogoMark } from \"@/components/ui/logo-mark\"\n\nconst logos = [\"Northwind\", \"Contoso\", \"初音 Labs\", \"Umbrella\", \"Globex\"]\n\nexport function Demo() {\n  return (\n    <div className=\"flex flex-wrap items-center justify-center gap-x-10 gap-y-6\">\n      {logos.map((name) => (\n        <LogoMark key={name} name={name} />\n      ))}\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/logo-mark-demo.tsx renders Logo mark with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/logo-mark"
}