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	-	按钮点击的回调函数