shadcn-vue/apps/www/src/lib/registry/default/example/SeparatorDemo.vue
2023-09-06 09:55:22 +08:00

25 lines
626 B
Vue

<script setup lang="ts">
import { Separator } from '@/lib/registry/default/ui/separator'
</script>
<template>
<div>
<div class="space-y-1">
<h4 class="text-sm font-medium leading-none">
Radix Primitives
</h4>
<p class="text-sm text-muted-foreground">
An open-source UI component library.
</p>
</div>
<Separator class="my-4" />
<div class="flex h-5 items-center space-x-4 text-sm">
<div>Blog</div>
<Separator orientation="vertical" />
<div>Docs</div>
<Separator orientation="vertical" />
<div>Source</div>
</div>
</div>
</template>