18 lines
1.1 KiB
JSON
18 lines
1.1 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "input-button-demo",
|
|
"type": "registry:ui",
|
|
"title": "Input Button Demo",
|
|
"description": "Demo showing an animated button with input effect.",
|
|
"registryDependencies": [
|
|
"https://animate-ui.com/r/input-button"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "registry/demo/buttons/input/index.tsx",
|
|
"content": "'use client';\n\nimport * as React from 'react';\nimport {\n InputButton,\n InputButtonAction,\n InputButtonProvider,\n InputButtonSubmit,\n InputButtonInput,\n} from '@/components/animate-ui/buttons/input';\n\nexport const InputButtonDemo = () => {\n return (\n <InputButtonProvider>\n <InputButton>\n <InputButtonAction>Join the newsletter</InputButtonAction>\n <InputButtonSubmit>Subscribe</InputButtonSubmit>\n </InputButton>\n <InputButtonInput type=\"email\" placeholder=\"your-email@example.com\" />\n </InputButtonProvider>\n );\n};\n",
|
|
"type": "registry:ui",
|
|
"target": "components/animate-ui/demo/buttons/input.tsx"
|
|
}
|
|
]
|
|
} |