20 lines
1.8 KiB
JSON
20 lines
1.8 KiB
JSON
{
|
|
"name": "SheetDemo",
|
|
"type": "registry:example",
|
|
"dependencies": [],
|
|
"registryDependencies": [
|
|
"button",
|
|
"input",
|
|
"label",
|
|
"sheet"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "example/SheetDemo.vue",
|
|
"content": "<script setup lang=\"ts\">\nimport { Button } from '@/registry/default/ui/button'\nimport { Input } from '@/registry/default/ui/input'\nimport { Label } from '@/registry/default/ui/label'\nimport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetTitle,\n SheetTrigger,\n} from '@/registry/default/ui/sheet'\n</script>\n\n<template>\n <Sheet>\n <SheetTrigger as-child>\n <Button variant=\"outline\">\n Open\n </Button>\n </SheetTrigger>\n <SheetContent>\n <SheetHeader>\n <SheetTitle>Edit profile</SheetTitle>\n <SheetDescription>\n Make changes to your profile here. Click save when you're done.\n </SheetDescription>\n </SheetHeader>\n <div class=\"grid gap-4 py-4\">\n <div class=\"grid grid-cols-4 items-center gap-4\">\n <Label for=\"name\" class=\"text-right\">\n Name\n </Label>\n <Input id=\"name\" default-value=\"Pedro Duarte\" class=\"col-span-3\" />\n </div>\n <div class=\"grid grid-cols-4 items-center gap-4\">\n <Label for=\"username\" class=\"text-right\">\n Username\n </Label>\n <Input id=\"username\" default-value=\"@peduarte\" class=\"col-span-3\" />\n </div>\n </div>\n <SheetFooter>\n <SheetClose as-child>\n <Button type=\"submit\">\n Save changes\n </Button>\n </SheetClose>\n </SheetFooter>\n </SheetContent>\n </Sheet>\n</template>\n",
|
|
"type": "registry:example",
|
|
"target": ""
|
|
}
|
|
]
|
|
}
|