0.0.2 • Published 8 years ago

neoui-react-button v0.0.2

Weekly downloads
2
License
MIT
Repository
-
Last release
8 years ago

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)stringmedium
type类型(primary secondary outline)stringblue
disabled是否禁用(disabledtrue false)stringfalse
className增加额外的classstring''
htmlTypehtml dom 的 type 属性(submit button reset)stringbutton
stylestyle 属性object

ButtonGroup

参数说明类型默认值