xa-button v1.0.7

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