徽章

显示一个徽章或一个看起来像徽章的组件。

徽章

安装

bash
npx shadcn-vue@latest add badge

用法

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

<template>
  <Badge>Badge</Badge>
</template>

示例

默认

徽章

次要

次要

轮廓

轮廓

破坏性

破坏性
在 GitHub 上编辑此页面