shadcn/app/public/registry/styles/default/message-dock-demo.json

{
  "name": "message-dock-demo",
  "files": [
    {
      "name": "message-dock-demo.tsx",
      "content": "import { MessageDock } from \"@/registry/default/ui/message-dock\"\n\nexport default function MessageDockDemo() {\n  const messages = [\n    {\n      id: \"1\",\n      type: \"success\" as const,\n      title: \"Success\",\n      description: \"Your changes have been saved successfully.\",\n    },\n    {\n      id: \"2\",\n      type: \"info\" as const,\n      title: \"Info\",\n      description: \"New update available.\",\n    },\n    {\n      id: \"3\",\n      type: \"warning\" as const,\n      title: \"Warning\",\n      description: \"Please review your settings.\",\n    },\n  ]\n\n  return (\n    <div className=\"w-full min-h-[400px] flex items-center justify-center p-8\">\n      <MessageDock messages={messages} />\n    </div>\n  )\n}\n"
    }
  ],
  "type": "components:example"
}