toggle-demo.json — ui Source File

Architecture documentation for toggle-demo.json, a json file in the ui codebase.

File json

Entity Profile

Source Code

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "toggle-demo",
  "type": "registry:example",
  "registryDependencies": [
    "toggle"
  ],
  "files": [
    {
      "path": "registry/new-york-v4/examples/toggle-demo.tsx",
      "content": "import { BookmarkIcon } from \"lucide-react\"\n\nimport { Toggle } from \"@/registry/new-york-v4/ui/toggle\"\n\nexport default function ToggleDemo() {\n  return (\n    <Toggle\n      aria-label=\"Toggle bookmark\"\n      size=\"sm\"\n      variant=\"outline\"\n      className=\"data-[state=on]:bg-transparent data-[state=on]:*:[svg]:fill-blue-500 data-[state=on]:*:[svg]:stroke-blue-500\"\n    >\n      <BookmarkIcon />\n      Bookmark\n    </Toggle>\n  )\n}\n",
      "type": "registry:example"
    }
  ]
}

Source

View on GitHub

Frequently Asked Questions

What does toggle-demo.json do?

toggle-demo.json is a source file in the ui codebase, written in json.

Where is toggle-demo.json in the architecture?

toggle-demo.json is located at deprecated/www/public/r/styles/new-york-v4/toggle-demo.json (directory: deprecated/www/public/r/styles/new-york-v4).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free