Ubuntu
17 lines
1.9 KiB
JSON
17 lines
1.9 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "dialog-style-with-form",
|
|
"type": "registry:block",
|
|
"title": "dialog-style-with-form",
|
|
"registryDependencies": [
|
|
"https://retroui.dev/r/dialog.json"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "preview/components/dialog-style-with-form.tsx",
|
|
"content": "import { Button } from \"@/components/retroui/Button\";\nimport { Dialog } from \"@/components/retroui/Dialog\";\nimport { Input } from \"@/components/retroui/Input\";\nimport { Text } from \"@/components/retroui/Text\";\n\nexport default function DialogStyleWithForm() {\n return (\n <Dialog>\n <Dialog.Trigger asChild>\n <Button>Open Form</Button>\n </Dialog.Trigger>\n <Dialog.Content size={\"md\"}>\n <Dialog.Header position={\"fixed\"}>\n <Text as=\"h5\">Contact Us</Text>\n </Dialog.Header>\n <form className=\"flex flex-col gap-4\">\n <div className=\"flex flex-col p-4 gap-4\">\n <div className=\"flex-col gap-2\">\n <label htmlFor=\"name\">\n Your name <span className=\"text-red-500\">*</span>\n </label>\n <Input placeholder=\"Type your name\" required />\n </div>\n <div className=\"flex-col gap-2\">\n <label htmlFor=\"name\">\n Your e-email <span className=\"text-red-500\">*</span>\n </label>\n <Input placeholder=\"Type your name\" required />\n </div>\n </div>\n <Dialog.Footer>\n <Dialog.Trigger asChild>\n <Button type=\"submit\">Submit</Button>\n </Dialog.Trigger>\n </Dialog.Footer>\n </form>\n </Dialog.Content>\n </Dialog>\n );\n}\n",
|
|
"type": "registry:block",
|
|
"target": "components/retroui/preview/dialog-style-with-form.tsx"
|
|
}
|
|
]
|
|
} |