# button

- 分组：核心组件（Core）
- 页面：/components/button
- 源码：packages/react/src/components/button.tsx

## 导出

```ts
import { Button, buttonVariants } from "@modra/react";
```

## Props（ButtonProps）

| 名称 | 必填 | 类型 | 说明 |
| --- | --- | --- | --- |
| `asChild` | 否 | `boolean` | 以子元素作为渲染根（用于包裹链接等）。 |
| `loading` | 否 | `boolean` | 加载态：强制禁用并显示旋转图标，避免重复提交。 |
| `variant` | 否 | `"default" \| "secondary" \| "destructive" \| "outline" \| "ghost" \| "link"` |  |
| `size` | 否 | `"sm" \| "md" \| "lg" \| "icon"` |  |
| `className` | 否 | `string` |  |
| `children` | 否 | `React.ReactNode` |  |
| `disabled` | 否 | `boolean` |  |