8.5.11 • Published 8 months ago

@cloudflare/component-button v8.5.11

Weekly downloads
2,271
License
BSD-3-Clause
Repository
-
Last release
8 months ago

@cloudflare/component-button

Cloudflare Button Component

Installation

Installation with yarn is recommended

$ yarn add @cloudflare/component-button

Usage

import React from 'react';
import { Button, ButtonGroup } from '../../src';

const ButtonComponent = () => (
  <div>
    <Button type="primary" onClick={() => {}}>
      Button
    </Button>

    <div>
      <ButtonGroup spaced mt={3}>
        <Button iconType="gear" onClick={() => {}} />
        <Button onClick={() => {}}>Button</Button>
      </ButtonGroup>
    </div>

    <p>Button group</p>
    <ButtonGroup>
      <Button type="primary" onClick={() => console.log('Clicked One!')}>
        Button One
      </Button>
      <Button type="default" onClick={() => console.log('Clicked Two!')}>
        Button Two
      </Button>
      <Button type="success" onClick={() => console.log('Clicked Three!')}>
        Button Three
      </Button>
    </ButtonGroup>

    <p>Button group (spaced, row)</p>
    <ButtonGroup spaced>
      <Button type="warning" onClick={() => console.log('Clicked Four!')}>
        Button Four
      </Button>
      <Button type="danger" onClick={() => console.log('Clicked Five!')}>
        Button Five
      </Button>
      <Button
        type="danger"
        disabled
        onClick={() => console.log('Clicked disabled!')}
      >
        Disabled
      </Button>
      <Button
        type="danger"
        onClick={() => console.log('Clicked Six!')}
        inverted
      >
        Button Six
      </Button>
      <Button
        type="primary"
        onClick={() => console.log('Clicked Seven!')}
        inverted
      >
        Button Seven
      </Button>
      <Button
        type="default"
        loading
        onClick={() => console.log('Clicked Loading!')}
      >
        Button Eight
      </Button>
    </ButtonGroup>

    <p>Button group (spaced, column)</p>
    <ButtonGroup spaced direction="column">
      <Button type="success" onClick={() => console.log('Clicked Nine!')}>
        Button Nine
      </Button>
      <Button type="warning" onClick={() => console.log('Clicked Ten!')}>
        Button Ten
      </Button>
      <Button type="danger" onClick={() => console.log('Clicked Eleven!')}>
        Button Eleven
      </Button>
    </ButtonGroup>
  </div>
);

export default ButtonComponent;
polishedprop-types
@infinitebrahmanuniverse/nolb-_cloudf@everything-registry/sub-chunk-179@cloudflare/component-data-table@cloudflare/component-filter-bar@cloudflare/component-card@cloudflare/component-code-block@cloudflare/component-sortable@cloudflare/component-modal@cloudflare/component-multistep-modal@cloudflare/component-legend@cloudflare/component-forms@cloudflare/component-forms-formik@cloudflare/component-forms-hook-form@cloudflare/component-forms-redux-form@cloudflare/component-top-n-card@cloudflare/component-link@cloudflare/component-payment-form@cloudflare/component-payment-method-form@cloudflare/component-payment-method-form-v2@cloudflare/forms@cloudflare/forms-formik@cloudflare/forms-redux-form
8.5.11

8 months ago

8.5.8

8 months ago

8.5.7

8 months ago

8.5.9

8 months ago

8.5.10

8 months ago

8.5.4

9 months ago

8.5.3

9 months ago

8.5.6

9 months ago

8.5.5

9 months ago

8.5.2

9 months ago

8.5.1

9 months ago

8.3.10

1 year ago

8.3.11

1 year ago

8.3.12

11 months ago

8.3.13

11 months ago

8.3.14

11 months ago

8.3.15

10 months ago

8.3.8

1 year ago

8.3.9

1 year ago

8.4.0

10 months ago

8.5.0

10 months ago

8.3.7

1 year ago

8.3.6

1 year ago

8.3.5

1 year ago

8.3.4

1 year ago

8.3.3

1 year ago

8.3.2

1 year ago

8.3.1

1 year ago

8.2.1

1 year ago

8.3.0

1 year ago

8.1.1

1 year ago

8.2.0

1 year ago

8.1.0

1 year ago

8.0.2

1 year ago

8.0.1

1 year ago

7.0.12

2 years ago

7.0.13

2 years ago

7.0.10

2 years ago

7.0.11

2 years ago

7.0.18

2 years ago

7.0.19

2 years ago

7.0.16

2 years ago

7.0.17

2 years ago

7.0.14

2 years ago

7.0.15

2 years ago

7.0.9

2 years ago

7.0.23

2 years ago

7.0.24

2 years ago

7.0.21

2 years ago

7.0.22

2 years ago

7.0.20

2 years ago

7.0.25

2 years ago

8.0.0

2 years ago

7.0.8

2 years ago

7.0.7

2 years ago

7.0.6

2 years ago

7.0.5

2 years ago

7.0.4

2 years ago

7.0.3

2 years ago

7.0.0

2 years ago

7.0.2

2 years ago

7.0.1

2 years ago

6.0.1

2 years ago

6.0.2

2 years ago

6.0.0

2 years ago

5.4.3

2 years ago

5.4.1

2 years ago

5.4.0

2 years ago

5.3.2

2 years ago

5.3.1

2 years ago

5.3.0

2 years ago

5.1.0

3 years ago

5.2.0

2 years ago

5.0.0

3 years ago

4.0.0

3 years ago

3.2.2

3 years ago

3.2.1

3 years ago

3.2.0

3 years ago

3.2.6

3 years ago

3.2.5

3 years ago

3.2.4

3 years ago

3.2.3

3 years ago

3.1.34

3 years ago

3.1.33

3 years ago

3.1.36

3 years ago

3.1.35

3 years ago

3.1.38

3 years ago

3.1.37

3 years ago

3.1.39

3 years ago

3.1.30

3 years ago

3.1.32

3 years ago

3.1.31

3 years ago

3.2.9

3 years ago

3.2.8

3 years ago

3.2.7

3 years ago

3.1.45

3 years ago

3.1.44

3 years ago

3.1.41

3 years ago

3.1.40

3 years ago

3.1.43

3 years ago

3.1.42

3 years ago

3.1.12

3 years ago

3.1.14

3 years ago

3.1.13

3 years ago

3.1.16

3 years ago

3.1.15

3 years ago

3.1.18

3 years ago

3.1.17

3 years ago

3.1.23

3 years ago

3.1.22

3 years ago

3.1.25

3 years ago

3.1.24

3 years ago

3.1.27

3 years ago

3.1.26

3 years ago

3.1.29

3 years ago

3.1.28

3 years ago

3.1.21

3 years ago

3.1.20

3 years ago

3.1.19

3 years ago

3.1.3

3 years ago

3.1.2

3 years ago

3.1.1

3 years ago

3.1.0

3 years ago

3.1.7

3 years ago

3.1.6

3 years ago

3.1.5

3 years ago

3.1.4

3 years ago

3.1.9

3 years ago

3.1.8

3 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.5

3 years ago

3.0.0

3 years ago

2.12.17

3 years ago

2.12.16

3 years ago

2.12.15

3 years ago

3.1.11

3 years ago

3.1.10

3 years ago

2.13.0

3 years ago

2.13.1

3 years ago

2.12.14

3 years ago

2.12.13

3 years ago

2.12.12

3 years ago

2.12.11

3 years ago

2.11.20

4 years ago

2.11.21

4 years ago

2.11.22

3 years ago

2.11.23

3 years ago

2.11.24

3 years ago

2.11.25

3 years ago

2.11.26

3 years ago

2.11.27

3 years ago

2.12.10

3 years ago

2.11.16

4 years ago

2.11.17

4 years ago

2.11.18

4 years ago

2.11.19

4 years ago

2.12.0

3 years ago

2.12.9

3 years ago

2.12.7

3 years ago

2.12.8

3 years ago

2.12.5

3 years ago

2.12.6

3 years ago

2.12.3

3 years ago

2.12.4

3 years ago

2.12.1

3 years ago

2.12.2

3 years ago

2.11.10

4 years ago

2.11.11

4 years ago

2.11.12

4 years ago

2.11.13

4 years ago

2.11.14

4 years ago

2.11.15

4 years ago

2.11.0

4 years ago

2.11.1

4 years ago

2.11.8

4 years ago

2.11.9

4 years ago

2.11.6

4 years ago

2.11.7

4 years ago

2.11.4

4 years ago

2.11.5

4 years ago

2.11.2

4 years ago

2.11.3

4 years ago

2.10.12

4 years ago

2.10.10

4 years ago

2.10.11

4 years ago

2.10.9

4 years ago

2.10.7

4 years ago

2.10.8

4 years ago

2.10.5

4 years ago

2.10.6

4 years ago

2.10.3

4 years ago

2.10.4

4 years ago

2.10.2

4 years ago

2.10.1

4 years ago

2.10.0

4 years ago

2.9.59

4 years ago

2.9.60

4 years ago

2.9.61

4 years ago

2.9.58

4 years ago

2.9.57

4 years ago

2.9.56

4 years ago

2.9.55

4 years ago

2.9.54

4 years ago

2.9.52

4 years ago

2.9.53

4 years ago

2.9.51

4 years ago

2.9.49

4 years ago

2.9.50

4 years ago

2.9.48

4 years ago

2.9.47

4 years ago

2.9.45

4 years ago

2.9.46

4 years ago

2.9.44

4 years ago

2.9.41

4 years ago

2.9.42

4 years ago

2.9.43

4 years ago

2.9.40

4 years ago

2.9.38

4 years ago

2.9.39

4 years ago

2.9.37

4 years ago

2.9.34

4 years ago

2.9.35

4 years ago

2.9.32

4 years ago

2.9.33

4 years ago

2.9.36

4 years ago

2.9.29

4 years ago

2.9.27

4 years ago

2.9.28

4 years ago

2.9.30

4 years ago

2.9.31

4 years ago

2.9.18

4 years ago

2.9.19

4 years ago

2.9.16

4 years ago

2.9.17

4 years ago

2.9.15

4 years ago

2.9.20

4 years ago

2.9.23

4 years ago

2.9.21

4 years ago

2.9.22

4 years ago

2.9.25

4 years ago

2.9.26

4 years ago

2.9.14

4 years ago

2.9.13

4 years ago

2.9.12

4 years ago

2.9.11

4 years ago

2.9.10

4 years ago

2.9.9

4 years ago

2.9.8

4 years ago

2.9.6

4 years ago

2.9.7

4 years ago

2.9.5

4 years ago

2.9.4

4 years ago

2.9.3

4 years ago

2.9.2

4 years ago

2.9.1

4 years ago

2.9.0

4 years ago

2.8.8

4 years ago

2.8.7

4 years ago

2.8.6

4 years ago

2.8.5

4 years ago

2.8.4

4 years ago

2.8.3

4 years ago

2.8.2

4 years ago

2.8.1

4 years ago

2.8.0

4 years ago

2.7.36

4 years ago

2.7.35

4 years ago

2.7.34

4 years ago

2.7.33

4 years ago

2.7.32

4 years ago

2.7.31

4 years ago

2.7.30

4 years ago

2.7.29

4 years ago

2.7.28

4 years ago

2.7.27

4 years ago

2.7.26

4 years ago

2.7.25

4 years ago

2.7.24

4 years ago

2.7.23

5 years ago

2.7.22

5 years ago

2.7.21

5 years ago

2.7.20

5 years ago

2.7.19

5 years ago

2.7.18

5 years ago

2.7.17

5 years ago

2.7.16

5 years ago

2.7.15

5 years ago

2.7.14

5 years ago

2.7.13

5 years ago

2.7.12

5 years ago

2.7.11

5 years ago

2.7.10

5 years ago

2.7.9

5 years ago

2.7.8

5 years ago

2.7.6

5 years ago

2.7.5

5 years ago

2.7.7

5 years ago

2.7.4

5 years ago

2.7.3

5 years ago

2.7.2

5 years ago

2.7.1

5 years ago

2.7.0

5 years ago

2.6.165

5 years ago

2.6.164

5 years ago

2.6.163

5 years ago

2.6.161

5 years ago

2.6.162

5 years ago

2.6.160

5 years ago

2.6.159

5 years ago

2.6.158

5 years ago

2.6.157

5 years ago

2.6.156

5 years ago

2.6.155

5 years ago

2.6.154

5 years ago

2.6.152

5 years ago

2.6.153

5 years ago

2.6.151

5 years ago

2.6.150

5 years ago

2.6.149

5 years ago

2.6.148

5 years ago

2.6.147

5 years ago

2.6.146

5 years ago

2.6.145

5 years ago

2.6.143

5 years ago

2.6.144

5 years ago

2.6.142

5 years ago

2.6.141

5 years ago

2.6.140

5 years ago

2.6.139

5 years ago

2.6.138

5 years ago

2.6.137

5 years ago

2.6.136

5 years ago

2.6.135

5 years ago

2.6.134

5 years ago

2.6.132

5 years ago

2.6.133

5 years ago

2.6.131

5 years ago

2.6.130

5 years ago

2.6.128

5 years ago

2.6.129

5 years ago

2.6.127

5 years ago

2.6.125

5 years ago

2.6.126

5 years ago

2.6.124

5 years ago

2.6.123

5 years ago

2.6.122

5 years ago

2.6.121

5 years ago

2.6.120

5 years ago

2.6.119

5 years ago

2.6.118

5 years ago

2.6.117

5 years ago

2.6.116

5 years ago

2.6.115

5 years ago

2.6.114

5 years ago

2.6.112

5 years ago

2.6.113

5 years ago

2.6.111

5 years ago

2.6.110

5 years ago

2.6.109

5 years ago

2.6.108

5 years ago

2.6.107

5 years ago

2.6.105

5 years ago

2.6.106

5 years ago

2.6.104

5 years ago

2.6.103

5 years ago

2.6.102

5 years ago

2.6.101

5 years ago

2.6.100

5 years ago

2.6.99

5 years ago

2.6.98

5 years ago

2.6.97

5 years ago

2.6.95

5 years ago

2.6.94

5 years ago

2.6.93

5 years ago

2.6.91

5 years ago

2.6.92

5 years ago

2.6.90

5 years ago

2.6.88

5 years ago

2.6.89

5 years ago

2.6.87

5 years ago

2.6.86

5 years ago

2.6.84

5 years ago

2.6.85

5 years ago

2.6.83

5 years ago

2.6.82

5 years ago

2.6.81

5 years ago

2.6.80

5 years ago

2.6.79

5 years ago

2.6.78

5 years ago

2.6.77

5 years ago

2.6.75

5 years ago

2.6.76

5 years ago

2.6.74

5 years ago

2.6.73

5 years ago

2.6.72

5 years ago

2.6.71

5 years ago

2.6.70

5 years ago

2.6.67

5 years ago

2.6.68

5 years ago

2.6.69

5 years ago

2.6.66

5 years ago

2.6.65

5 years ago

2.6.59

5 years ago

2.6.60

5 years ago

2.6.58

5 years ago

2.6.57

5 years ago

2.6.40

5 years ago

2.6.41

5 years ago

2.6.39

5 years ago

2.6.38

5 years ago

2.6.37

5 years ago

2.6.35

5 years ago

2.6.36

5 years ago

2.6.33

5 years ago

2.6.34

5 years ago

2.6.31

5 years ago

2.6.32

5 years ago

2.6.29

5 years ago

2.6.30

5 years ago

2.6.28

5 years ago

2.6.27

5 years ago

2.6.22

5 years ago

2.6.23

5 years ago

2.6.24

5 years ago

2.6.25

5 years ago

2.6.21

5 years ago

2.6.20

5 years ago

2.6.19

5 years ago

2.6.18

5 years ago

2.6.16

5 years ago

2.6.15

5 years ago

2.6.14

5 years ago

2.6.13

5 years ago

2.6.12

5 years ago

2.6.10

5 years ago

2.6.9

5 years ago

2.6.8

5 years ago

2.6.7

5 years ago

2.6.6

5 years ago

2.6.5

5 years ago

2.6.4

5 years ago

2.6.3

5 years ago

2.6.1

5 years ago

2.6.2

5 years ago

2.6.0

5 years ago

2.5.30

5 years ago

2.5.29

5 years ago

2.5.28

5 years ago

2.5.27

5 years ago

2.5.25

5 years ago

2.5.26

5 years ago

2.5.24

5 years ago

2.5.22

5 years ago

2.5.23

5 years ago

2.5.21

5 years ago

2.5.20

6 years ago

2.5.19

6 years ago

2.5.18

6 years ago

2.5.16

6 years ago

2.5.17

6 years ago

2.5.15

6 years ago

2.5.14

6 years ago

2.5.13

6 years ago

2.5.11

6 years ago

2.5.10

6 years ago

2.5.9

6 years ago

2.5.8

6 years ago

2.5.6

6 years ago

2.5.5

6 years ago

2.5.4

6 years ago

2.5.3

6 years ago

2.5.2

6 years ago

2.5.1

6 years ago

2.5.0

6 years ago

2.3.31

6 years ago

2.3.30

6 years ago

2.3.29

6 years ago

2.3.28

6 years ago

2.3.27

6 years ago

2.3.26

6 years ago

2.3.25

6 years ago

2.3.24

6 years ago

2.3.23

6 years ago

2.3.22

6 years ago

2.3.21

6 years ago

2.3.20

6 years ago

2.3.19

6 years ago

2.3.18

6 years ago

2.3.17

6 years ago

2.3.16

6 years ago

2.3.15

6 years ago

2.3.14

6 years ago

2.3.13

6 years ago

2.3.12

6 years ago

2.3.11

6 years ago

2.3.10

6 years ago

2.3.9

6 years ago

2.3.8

6 years ago

2.3.7

6 years ago

2.3.6

6 years ago

2.3.5

6 years ago

2.3.4

6 years ago

2.3.3

6 years ago

2.3.2

6 years ago

2.3.1

6 years ago

2.3.0

6 years ago

2.2.96

6 years ago

2.2.95

6 years ago

2.2.94

6 years ago

2.2.93

6 years ago

2.2.92

6 years ago

2.2.91

6 years ago

2.2.90

6 years ago

2.2.89

6 years ago

2.2.88

6 years ago

2.2.87

6 years ago

2.2.86

6 years ago

2.2.85

6 years ago

2.2.84

6 years ago

2.2.83

6 years ago

2.2.82

6 years ago

2.2.81

6 years ago

2.2.80

6 years ago

2.2.79

6 years ago

2.2.78

6 years ago

2.2.77

6 years ago

2.2.76

6 years ago

2.2.75

6 years ago

2.2.74

6 years ago

2.2.73

6 years ago

2.2.72

6 years ago

2.2.71

6 years ago

2.2.70

6 years ago

2.2.69

6 years ago

2.2.68

6 years ago

2.2.67

6 years ago

2.2.66

6 years ago

2.2.65

6 years ago

2.2.64

6 years ago

2.2.63

6 years ago

2.2.62

6 years ago

2.2.61

6 years ago

2.2.60

6 years ago

2.2.59

6 years ago

2.2.58

6 years ago

2.2.57

6 years ago

2.2.56

6 years ago

2.2.55

6 years ago

2.2.54

6 years ago

2.2.53

6 years ago

2.2.52

6 years ago

2.2.51

6 years ago

2.2.50

6 years ago

2.2.49

6 years ago

2.2.48

6 years ago

2.2.47

6 years ago

2.2.46

6 years ago

2.2.45

6 years ago

2.2.44

6 years ago

2.2.43

6 years ago

2.2.42

6 years ago

2.2.41

6 years ago

2.2.40

6 years ago

2.2.39

6 years ago

2.2.38

6 years ago

2.2.37

6 years ago

2.2.36

6 years ago

2.2.35

6 years ago

2.2.34

6 years ago

2.2.33

6 years ago

2.2.32

6 years ago

2.2.31

6 years ago

2.2.30

6 years ago

2.2.29

6 years ago

2.2.28

6 years ago

2.2.27

6 years ago

2.2.26

6 years ago

2.2.25

6 years ago

2.2.24

6 years ago

2.2.23

6 years ago

2.2.22

6 years ago

2.2.21

6 years ago

2.2.20

6 years ago

2.2.19

6 years ago

2.2.18

6 years ago

2.2.17

6 years ago

2.2.16

6 years ago

2.2.15

6 years ago

2.2.14

6 years ago

2.2.13

6 years ago

2.2.12

6 years ago

2.2.11

6 years ago

2.2.10

6 years ago

2.2.9

6 years ago

2.2.8

6 years ago

2.2.7

7 years ago

2.2.6

7 years ago

2.2.5

7 years ago

2.2.4

7 years ago

2.2.3

7 years ago

2.2.2

7 years ago

2.2.1

7 years ago

2.2.0

7 years ago

2.1.6

7 years ago

2.1.5

7 years ago

2.1.4

7 years ago

2.1.3

7 years ago

2.1.2

7 years ago

2.1.1

7 years ago

2.1.0

7 years ago

2.0.34

7 years ago

2.0.33

7 years ago

2.0.32

7 years ago

2.0.31

7 years ago

2.0.30

7 years ago

2.0.29

7 years ago

2.0.28

7 years ago

2.0.27

7 years ago

2.0.26

7 years ago

2.0.25

7 years ago

2.0.24

7 years ago

2.0.23

7 years ago

2.0.22

7 years ago

2.0.21

7 years ago

2.0.20

7 years ago

2.0.19

7 years ago

2.0.18

7 years ago

2.0.17

7 years ago

2.0.16

7 years ago

2.0.15

7 years ago

2.0.14

7 years ago

2.0.13

7 years ago

2.0.12

7 years ago

2.0.11

7 years ago

2.0.10

7 years ago

2.0.9

7 years ago

2.0.8

7 years ago

2.0.7

7 years ago

2.0.6

7 years ago

2.0.5

7 years ago

2.0.4

7 years ago

2.0.3

7 years ago

2.0.2

7 years ago

2.0.1

7 years ago

2.0.0

7 years ago

1.0.18

7 years ago

1.0.17

7 years ago

1.0.16

7 years ago

1.0.15

7 years ago

1.0.14

7 years ago

1.0.13

7 years ago

1.0.12

7 years ago

1.0.10

7 years ago

1.0.9

7 years ago

1.0.8

7 years ago

1.0.7

7 years ago

1.0.6

7 years ago

1.0.5

7 years ago

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.1

7 years ago