徽章

用于显示徽章或类似徽章外观的组件。

Badge

安装方式

pnpm dlx shadcn-vue@latest add badge

使用方法

vue
<script setup lang="ts">
import { Badge } from '@/components/ui/badge'
</script>

<template>
  <Badge>徽章</Badge>
</template>

示例

默认样式

Badge

次要样式

Secondary

轮廓样式

Outline

危险样式

Destructive
Edit this page on GitHub