0.1.29 • Published 5 years ago

@belong-ui/button v0.1.29

Weekly downloads
11
License
MIT
Repository
github
Last release
5 years ago

Basic Button Usage:

<div className="styleguidist__btns-wrap">
  <Button
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Simple Button</span>
  </Button>
  <Button
    isDisabled
    onClick={() => { window.alert('Nothing happens on Click'); }}
  >
    <span>Disabled Button</span>
  </Button>
  <Button
    size="small"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Small Button</span>
  </Button>

  <br />
  <br />

  <Button
    type="brand"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Brand Button</span>
  </Button>
  <Button
    type="brand"
    isDisabled
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Brand Button</span>
  </Button>
  <Button
    type="primary"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Primary Button</span>
  </Button>
  <Button
    isDisabled
    type="primary"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Primary Button</span>
  </Button>
  <Button
    type="warning"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Warning Button</span>
  </Button>
  <Button
    type="warning"
    isDisabled
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Warning Button</span>
  </Button>
  <Button
    type="green"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Green Button</span>
  </Button>
  <Button
    type="green"
    isDisabled
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span>Green Button</span>
  </Button>
  <br />
  <br />
  <Button
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-user"></i> Icon Button</span>
  </Button>
  <Button
    isDisabled
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-spin fa-spinner"></i> Loading</span>
  </Button>
  <Button
    isDisabled
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-spin fa-refresh"></i> Syncing</span>
  </Button>
  <br />
  <br />
  <Button
    type="primary"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-user"></i> Icon Button</span>
  </Button>
  <Button
    isDisabled
    type="primary"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-spin fa-spinner"></i> Loading</span>
  </Button>
  <Button
    isDisabled
    type="primary"
    onClick={() => { window.alert('Button Was Clicked'); }}
  >
    <span><i className="fa fa-spin fa-refresh"></i> Syncing</span>
  </Button>
</div>
0.1.29

5 years ago

0.1.28

5 years ago

0.1.27

5 years ago

0.1.26

5 years ago

0.1.25

5 years ago

0.1.24

5 years ago

0.1.23

5 years ago

0.1.22

5 years ago

0.1.21

5 years ago

0.1.20

5 years ago

0.1.19

5 years ago

0.1.18

5 years ago

0.1.17

5 years ago

0.1.16

5 years ago

0.1.15

5 years ago

0.1.14

5 years ago

0.1.13

5 years ago

0.1.12

6 years ago

0.1.10

6 years ago

0.1.11

6 years ago

0.1.9

6 years ago

0.1.8

6 years ago

0.1.7

6 years ago

0.1.6

6 years ago

0.1.5

6 years ago

0.1.4

6 years ago

0.1.3

6 years ago

0.1.2

6 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.16

7 years ago

0.0.15

8 years ago

0.0.14

8 years ago

0.0.13

8 years ago

0.0.12

8 years ago

0.0.11

8 years ago

0.0.10

8 years ago

0.0.8

8 years ago

0.0.7

8 years ago

0.0.6

8 years ago

0.0.5

8 years ago

0.0.4

8 years ago

0.0.3

8 years ago

0.0.2

8 years ago

0.0.1

8 years ago