neoui-react-button

---

TL;DR

button ui component for react

setup develop environment

$ git clone https://github.com/iuap-design/neoui-react-button
$ cd neoui-react-button
$ npm install
$ gulp server

Usage

import Button from 'neoui-react-button';
React.render(<div>
    <div>
        <span>{"default:"}</span>
        <Button>Confirm</Button>
    </div>
    <div>
        <span>{"size:"}</span>
        <Button size="small">small</Button>
        <Button size="medium">medium</Button>
        <Button size="large">large</Button>
    </div>
    <div>
        <span>{"status:"}</span>
        <Button disabled>disabled</Button>
    </div>
    <div>
        <span>{"type:"}</span>
        <Button type="primary">default primary</Button>
        <Button type="outline">secondary</Button>
    </div>
    <div>
        <span>{"add event:"}</span>
        <Button onClick={function(){alert('click me')}}>click me</Button>
    </div>

</div>, document.getElementById('target'));

API

PROPS

Button

参数	说明	类型	默认值
size	按钮大小(large medium small)	string	medium
type	类型(primary secondary outline)	string	blue
disabled	是否禁用(disabled 或 true false)	string	false
className	增加额外的class	string	''
htmlType	html dom 的 type 属性(submit button reset)	string	button
style	style 属性	object

ButtonGroup

参数	说明	类型	默认值