文档
徽章
徽章
显示一个徽章或类似徽章的组件。
徽章
安装
npx shadcn@latest add badge用法
import { Badge } from "@/components/ui/badge"<Badge variant="outline">Badge</Badge>链接
您可以使用 badgeVariants 助手创建一个看起来像徽章的链接。
import { badgeVariants } from "@/components/ui/badge"<Link className={badgeVariants({ variant: "outline" })}>Badge</Link>示例
默认
徽章
次要
次要
轮廓
轮廓
破坏性
破坏性