@ahwui/react-button
v0.0.7
Published
Button component
Downloads
9
Maintainers
Readme
react Button 按钮
按钮用于开始一个即时操作。
安装
npm install --save @ahwui/react-button
引入
import Button from '@ahwui/react-button';
基本用法
import ReactDOM from 'react-dom';
import Button from '@ahwui/react-button';
ReactDOM.render(
<div>
<Button type="primary">主要按钮</Button>
<Button type="success">成功按钮</Button>
<Button type="warning">警告按钮</Button>
<Button type="danger">错误按钮</Button>
<Button type="light">亮按钮</Button>
<Button type="dark">暗按钮</Button>
<Button type="primary" loading>加载按钮</Button>
<Button type="primary" disabled>禁用按钮</Button>
<Button type="primary" link>文本按钮</Button>
</div>,
_mount_
);
Props Button
| 参数 | 说明 | 类型 | 默认值 |
| -------- | -------- | -------- | -------- |
| size | 按钮尺寸 | large
/ default
/ small
| default
|
| type | 按钮状态类型附带颜色 | primary
/ success
/ warning
/ danger
/ light
/ dark
| -- |
| htmlType | 设置 button 原生的 type 值 | String | button |
| icon | 设置按钮的图标类型 | String/ReactNode | -- |
| block | 设置按钮为块级元素,宽度100% | Boolean | false |
| active | 激活状态(底色更深、边框夜色更深、向内投射阴影)。 | Boolean | false |
| disabled | 禁用状态 | Boolean | false |
| loading | 加载中状态 | Boolean | false |