{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "reveal-effect-speed-example",
  "title": "Reveal Effect Example 1",
  "description": "Example of Reveal Effect with a custom speed.",
  "registryDependencies": [
    "https://atlasui.dev/r/reveal-effect.json"
  ],
  "files": [
    {
      "path": "registry/react/examples/reveal-effect-speed-example.tsx",
      "content": "import { RevealEffect } from \"@/registry/react/atlasui/reveal-effect\";\n\nexport const RevealEffectSpeedExample = () => {\n  return (\n    <div className=\"flex flex-col items-center space-y-2\">\n      <RevealEffect speed=\"fast\">\n        <p className=\"text-xl font-semibold\">I&apos;m fast as heck.</p>\n      </RevealEffect>\n\n      <RevealEffect>\n        <p className=\"text-center text-xl font-semibold\">\n          This is medium speed, which is the default.\n        </p>\n      </RevealEffect>\n\n      <RevealEffect speed=\"slow\">\n        <p className=\"text-xl font-semibold\">I&apos;m slow as molasses.</p>\n      </RevealEffect>\n    </div>\n  );\n};\n",
      "type": "registry:example",
      "target": "components/reveal-effect-speed-example.tsx"
    }
  ],
  "type": "registry:example"
}