xa-button (v1.0.5)

• 主按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button type="primary">Primary</Button>
        </div>
        , mountNode
      );

• 次按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button>Primary</Button>
        </div>
        , mountNode
      );

• 文字按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
         <Button type="text">node</Button>
        </div>
        , mountNode
      );

• 虚线按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
         <Button type="dashed">node</Button>
        </div>
        , mountNode
      );

• 危险按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
         <Button type="danger">node</Button>
        </div>
        , mountNode
      );

• 按钮带图标

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button type="danger" icon="cloud-download">下载</Button>
        </div>
        , mountNode
      );

• icon按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button shape="circle" type="primary" icon="search"/>
        </div>
        , mountNode
      );

• 加载状态

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button type="primary" loading>node</Button>
        </div>
        , mountNode
      );

• 禁用状态

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button type="primary" disabled>node</Button>
        </div>
        , mountNode
      );

• 按钮组合

     import Button  from 'xa-button';
     const ButtonGroup = Button.Group;

      ReactDOM.render(
        <div>
          <ButtonGroup>
            <Button type="primary">首先</Button>
            <Button type="primary">第二个</Button>
            <Button type="primary">第三个</Button>
          </ButtonGroup>
        </div>
        , mountNode
      );

• 反色按钮

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button ghost>node</Button>
          <Button ghost type="dashed">node</Button>
          <Button ghost type="danger">node</Button>
        </div>
        , mountNode
      );

• 不同尺寸

     import Button  from 'xa-button';

      ReactDOM.render(
        <div>
          <Button size="small" type="primary">node</Button>
          <Button type="primary">node</Button>
          <Button size="large" type="primary">node</Button>
        </div>
        , mountNode
      );

API

| 属性名 | 类型 | 默认值 | 说明 | | ------- | -------- | ------ | ------------------------------------------------- | | ghost | Boolean | false | 幽灵按钮 | | icon | String | - | 图标 | | loading | Boolean | false | 加载状态 | | disabled | Boolean | fal | 按钮禁用状态 | | shape | circle | 无 | 按钮形状 | | size | String | - | 'small','large' | | type | String | - | 设置按钮类型，可选值为 primary dashed danger text | | onClick | Function | - | 按钮点击的回调函数 |