Badge 徽标标记状态、分类或数量。十二种外观,两种尺寸。复制 Markdown预览代码defaultoutlinesoftdashedsolidstrongsuccesswarningdangerinfosuccess-outlinewarning-outlinesm 安装复制链接 pnpmnpmbunyarn手动复制代码pnpm dlx shadcn@latest add https://docs.linasan.cn/r/badge.json第一次装本站的组件前先在项目里执行一次 shadcn init,详见 安装。 用法复制链接 复制代码import { Badge } from '@/components/ui/badge'; <Badge variant="success">已启用</Badge>; 属性复制链接 属性类型variant?unionsize?unionButton 按钮触发一个操作。九种外观、七种尺寸,自带加载态。Avatar 头像显示用户头像;没有图片时显示名字的首字。