shadcn-vue/apps/www/src/public/registry/styles/default/separator.json
2024-04-11 18:42:20 +03:30

18 lines
897 B
JSON

{
"name": "separator",
"dependencies": [],
"registryDependencies": [
"utils"
],
"files": [
{
"name": "Separator.vue",
"content": "<script setup lang=\"ts\">\nimport { type HTMLAttributes, computed } from 'vue'\nimport { Separator, type SeparatorProps } from 'radix-vue'\nimport { cn } from '@/lib/utils'\n\nconst props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>()\n\nconst delegatedProps = computed(() => {\n const { class: _, ...delegated } = props\n\n return delegated\n})\n</script>\n\n<template>\n <Separator\n v-bind=\"delegatedProps\"\n :class=\"cn('shrink-0 bg-border', props.orientation === 'vertical' ? 'w-px h-full' : 'h-px w-full', props.class)\"\n />\n</template>\n"
},
{
"name": "index.ts",
"content": "export { default as Separator } from './Separator.vue'\n"
}
],
"type": "components:ui"
}