shadcn-vue/apps/www/src/public/r/styles/default/SeparatorDemo.json
2024-11-23 00:49:59 +08:00

17 lines
954 B
JSON

{
"name": "SeparatorDemo",
"type": "registry:example",
"dependencies": [],
"registryDependencies": [
"separator"
],
"files": [
{
"path": "example/SeparatorDemo.vue",
"content": "<script setup lang=\"ts\">\nimport { Separator } from '@/registry/default/ui/separator'\n</script>\n\n<template>\n <div>\n <div class=\"space-y-1\">\n <h4 class=\"text-sm font-medium leading-none\">\n Radix Primitives\n </h4>\n <p class=\"text-sm text-muted-foreground\">\n An open-source UI component library.\n </p>\n </div>\n <Separator class=\"my-4\" label=\"Or\" />\n <div class=\"flex h-5 items-center space-x-4 text-sm\">\n <div>Blog</div>\n <Separator orientation=\"vertical\" />\n <div>Docs</div>\n <Separator orientation=\"vertical\" />\n <div>Source</div>\n </div>\n </div>\n</template>\n",
"type": "registry:example",
"target": ""
}
]
}