按钮组件

使用方式

import {Buttons} from '../components/index';
  <Buttons>默认default</Buttons>

  <Buttons type = "primary" >首选primary</Buttons>

  <Buttons type = "success">成功success</Buttons>

  <Buttons type = "danger">危险danger</Buttons>

  <Buttons type = "info">一般info</Buttons>

  <Buttons type = "warning">警告warning</Buttons>

  <Buttons type = "link">链接link</Buttons>

按钮块

  <Buttons display = "block" > 默认default</Buttons>

按钮尺寸

<Buttons type = "primary" size="large">大号按钮</Buttons>
<Buttons type = "primary" >中号按钮(默认)</Buttons>
<Buttons type = "primary" size="small">小号按钮</Buttons>

按钮禁止

<Buttons type = "primary" disabled = {true}>首选primary</Buttons>

事件

<Buttons type = "danger"onClick = { this.sublimeButton} >登录</Buttons>
属性 描述 类型
type 按钮状态 : primary , success , danger ,info ,warning string
display block string
size large(大),small(小),默认值 string
disabled disabled boolean
onClick click 事件的 handler function

results matching ""

    No results matching ""