[关闭]
@zhangning16 2018-03-18T11:53:52.000000Z 字数 924 阅读 302

组件库文档

Button

按钮组件,展示型组件,不包含特定功能。

How to use?

  1. import React, { Component } from 'react';
  2. import ReactDOM from 'react-dom';
  3. import { Button } from 'ceshi-stone';
  4. class App extends Component {
  5. render(){
  6. return (
  7. <div>
  8. <Button>Button Base</Button>
  9. <Button theme='gray'>Button theme gray</Button>
  10. <Button size='small'>Button small</Button>
  11. <Button size='base'>Button base</Button>
  12. <Button size='large'>Button large</Button>
  13. <Button disabled={true}>Button Disabled</Button>
  14. <Button radius='circle' icon="delete" />
  15. <Button icon="delete">delect</Button>
  16. <Button htmlType='submit'>Button Submit</Button>
  17. </div>
  18. )
  19. }
  20. }
  21. ReactDOM.render(<App />, document.getElementById('root'));

Options

属性名 类型 默认值 说明
size String 'base' 定义按钮大小,可选值 'small', 'base', 'large'。
icon String 无默认值 定义按钮图标。参考图标字体文档。
radius String 'small' 定义圆角大小, 可选 'small','half','circle'。
disabled Boolean false 是否禁用按钮。
htmlType String button 设置 button 原生的 type 值,可选值请参考 HTML 标准
theme String 'button' 按钮主题颜色,目前可选'blue','gray'。分别对应两类按钮‘确定’,‘取消’

Events

方法名称 说明 参数
onClick click 事件的 handler ''
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注