shadcn-vue/apps/www/src/public/r/styles/default/BreadcrumbSeparatorDemo.json
2024-11-21 15:23:29 +08:00

17 lines
1.2 KiB
JSON

{
"name": "BreadcrumbSeparatorDemo",
"type": "registry:example",
"dependencies": [],
"registryDependencies": [
"breadcrumb"
],
"files": [
{
"path": "example/BreadcrumbSeparatorDemo.vue",
"content": "<script lang=\"ts\" setup>\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '@/registry/default/ui/breadcrumb'\nimport { Slash } from 'lucide-vue-next'\n</script>\n\n<template>\n <Breadcrumb>\n <BreadcrumbList>\n <BreadcrumbItem>\n <BreadcrumbLink href=\"/\">\n Home\n </BreadcrumbLink>\n </BreadcrumbItem>\n <BreadcrumbSeparator>\n <Slash />\n </BreadcrumbSeparator>\n <BreadcrumbItem>\n <BreadcrumbLink href=\"/docs/components/accordion.html\">\n Components\n </BreadcrumbLink>\n </BreadcrumbItem>\n <BreadcrumbSeparator>\n <Slash />\n </BreadcrumbSeparator>\n <BreadcrumbItem>\n <BreadcrumbPage>Breadcrumb</BreadcrumbPage>\n </BreadcrumbItem>\n </BreadcrumbList>\n </Breadcrumb>\n</template>\n",
"type": "registry:example",
"target": "BreadcrumbSeparatorDemo.vue"
}
]
}