1.0.0 • Published 8 years ago

tingle-button v1.0.0

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

Button 按钮 npm version

Simple Usage

<Button>默认按钮</Button>

<Button type="primary" onClick={this.handleClick}>主 按 钮</Button>
<Button type="secondary" onClick={this.handleClick}>次 按 钮</Button>
<Button type="danger" onClick={this.handleClick}>警告按钮</Button>
<Button type="text" onClick={this.handleClick}>纯文本</Button>

<Button type="primary" size="medium" onClick={this.handleClick}>中按钮</Button>
<Button type="primary" size="large" onClick={this.handleClick}>大按钮</Button>
<Button type="primary" size="small" onClick={this.handleClick}>小按钮</Button>

<Button disabled={true}>不可点击</Button>
<Button disabled={true} type="text">纯文本不可点击</Button>
<Button disabled={true} size="small">不可点击</Button>

Props

配置项必填默认值功能/备注
classNameoptional给组件添加额外的class|
disabledoptionalfalse按钮失效
typeoptionalprimary按钮的类型, 可选的参数primary、secondary、danger、text
sizeoptionallarge按钮的大小, 可选的参数 small 、medium 、large
onClickoptional按钮点击时的回调

Links 相关链接