徽章

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

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