adui/components/button/demo/basic.md

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

---
order: 0
title:
  zh-CN: 按钮类型
  en-US: Intent
---

点击切换按钮类型 `intent`：

```jsx
const [copied, setCopied] = useState(false)

return (
  <div>
    <Table
      dataSource={Array.from(new Array(8), (_, i) => ({ key: i }))}
      height={200}
      columns={[
        {
          dataIndex: "0",
          fixed: "left",
          filters: [
            { text: "分类 A", value: 1 },
            { text: "分类 D", value: 2 },
          ],
          filterMultiple: false,
          title: "项目",
          width: 120,
          render: () => "项目一",
        },
        {
          dataIndex: "1",
          width: 300,
          fixed: "left",
          title: "数据项",
          render: () => "6,755,6542",
        },
        {
          dataIndex: "2",
          width: 300,
          title: "数据项",
          render: () => "92,435,344",
          onSort: () => {},
        },
        {
          dataIndex: "3",
          // fixed: "right",
          width: 110,
          title: "数据项",
          render: () => "3,635",
        },
        {
          dataIndex: "4",
          // fixed: "right",
          width: 100,
          title: "数据项",
          render: () => "3,635",
        },
      ]}
    />
  </div>
)
```