Button 按钮

触发一个操作。九种外观、七种尺寸，自带加载态。

loading 时显示转圈、禁用按钮并设置 aria-busy。asChild 把样式交给子元素（比如路由的 Link）。

安装

pnpm dlx shadcn@latest add https://docs.linasan.cn/r/button.json

第一次装本站的组件前先在项目里执行一次 shadcn init，详见安装。

import { Button } from '@/components/ui/button';

<Button variant="outline">取消</Button>
<Button loading={saving}>保存</Button>

icon、icon-sm、icon-xs 是只放图标的方形按钮，记得给 aria-label。

类型

主题

组件用到的 CSS 变量和工具类

Badge 徽标

标记状态、分类或数量。十二种外观，两种尺寸。