0.0.7 • Published 3 years ago

@ahwui/react-button v0.0.7

Weekly downloads
9
License
MIT
Repository
github
Last release
3 years ago

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 / smalldefault
type按钮状态类型附带颜色primary / success / warning / danger / light / dark--
htmlType设置 button 原生的 type 值Stringbutton
icon设置按钮的图标类型String/ReactNode--
block设置按钮为块级元素,宽度100%Booleanfalse
active激活状态(底色更深、边框夜色更深、向内投射阴影)。Booleanfalse
disabled禁用状态Booleanfalse
loading加载中状态Booleanfalse