8.3.5 • Published 5 days ago

@cloudflare/component-button v8.3.5

Weekly downloads
2,271
License
BSD-3-Clause
Repository
-
Last release
5 days 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-forms@cloudflare/component-forms-formik@cloudflare/component-forms-hook-form@cloudflare/component-forms-redux-form@cloudflare/component-card@cloudflare/component-code-block@cloudflare/component-modal@cloudflare/component-multistep-modal@cloudflare/component-legend@cloudflare/component-link@cloudflare/component-payment-method-form@cloudflare/component-payment-method-form-v2@cloudflare/component-top-n-card@cloudflare/component-sortable@cloudflare/component-payment-form@cloudflare/forms-formik@cloudflare/forms-redux-form@cloudflare/forms
8.3.5

5 days ago

8.3.4

2 months ago

8.3.3

2 months ago

8.3.2

2 months ago

8.3.1

2 months ago

8.2.1

3 months ago

8.3.0

3 months ago

8.1.1

3 months ago

8.2.0

3 months ago

8.1.0

3 months ago

8.0.2

4 months ago

8.0.1

5 months ago

7.0.12

8 months ago

7.0.13

8 months ago

7.0.10

9 months ago

7.0.11

9 months ago

7.0.18

8 months ago

7.0.19

8 months ago

7.0.16

8 months ago

7.0.17

8 months ago

7.0.14

8 months ago

7.0.15

8 months ago

7.0.9

10 months ago

7.0.23

7 months ago

7.0.24

7 months ago

7.0.21

8 months ago

7.0.22

7 months ago

7.0.20

8 months ago

7.0.25

7 months ago

8.0.0

6 months ago

7.0.8

11 months ago

7.0.7

12 months ago

7.0.6

12 months ago

7.0.5

1 year ago

7.0.4

1 year ago

7.0.3

1 year ago

7.0.0

1 year ago

7.0.2

1 year ago

7.0.1

1 year ago

6.0.1

1 year ago

6.0.2

1 year ago

6.0.0

1 year ago

5.4.3

1 year ago

5.4.1

1 year ago

5.4.0

1 year ago

5.3.2

1 year ago

5.3.1

1 year ago

5.3.0

1 year ago

5.1.0

1 year ago

5.2.0

1 year ago

5.0.0

2 years ago

4.0.0

2 years ago

3.2.2

2 years ago

3.2.1

2 years ago

3.2.0

2 years ago

3.2.6

2 years ago

3.2.5

2 years ago

3.2.4

2 years ago

3.2.3

2 years ago

3.1.34

2 years ago

3.1.33

2 years ago

3.1.36

2 years ago

3.1.35

2 years ago

3.1.38

2 years ago

3.1.37

2 years ago

3.1.39

2 years ago

3.1.30

2 years ago

3.1.32

2 years ago

3.1.31

2 years ago

3.2.9

2 years ago

3.2.8

2 years ago

3.2.7

2 years ago

3.1.45

2 years ago

3.1.44

2 years ago

3.1.41

2 years ago

3.1.40

2 years ago

3.1.43

2 years ago

3.1.42

2 years ago

3.1.12

2 years ago

3.1.14

2 years ago

3.1.13

2 years ago

3.1.16

2 years ago

3.1.15

2 years ago

3.1.18

2 years ago

3.1.17

2 years ago

3.1.23

2 years ago

3.1.22

2 years ago

3.1.25

2 years ago

3.1.24

2 years ago

3.1.27

2 years ago

3.1.26

2 years ago

3.1.29

2 years ago

3.1.28

2 years ago

3.1.21

2 years ago

3.1.20

2 years ago

3.1.19

2 years ago

3.1.3

2 years ago

3.1.2

2 years ago

3.1.1

2 years ago

3.1.0

2 years ago

3.1.7

2 years ago

3.1.6

2 years ago

3.1.5

2 years ago

3.1.4

2 years ago

3.1.9

2 years ago

3.1.8

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.5

2 years ago

3.0.0

2 years ago

2.12.17

2 years ago

2.12.16

2 years ago

2.12.15

2 years ago

3.1.11

2 years ago

3.1.10

2 years ago

2.13.0

2 years ago

2.13.1

2 years ago

2.12.14

2 years ago

2.12.13

2 years ago

2.12.12

2 years ago

2.12.11

2 years ago

2.11.20

2 years ago

2.11.21

2 years ago

2.11.22

2 years ago

2.11.23

2 years ago

2.11.24

2 years ago

2.11.25

2 years ago

2.11.26

2 years ago

2.11.27

2 years ago

2.12.10

2 years ago

2.11.16

2 years ago

2.11.17

2 years ago

2.11.18

2 years ago

2.11.19

2 years ago

2.12.0

2 years ago

2.12.9

2 years ago

2.12.7

2 years ago

2.12.8

2 years ago

2.12.5

2 years ago

2.12.6

2 years ago

2.12.3

2 years ago

2.12.4

2 years ago

2.12.1

2 years ago

2.12.2

2 years ago

2.11.10

2 years ago

2.11.11

2 years ago

2.11.12

2 years ago

2.11.13

2 years ago

2.11.14

2 years ago

2.11.15

2 years ago

2.11.0

3 years ago

2.11.1

3 years ago

2.11.8

3 years ago

2.11.9

3 years ago

2.11.6

3 years ago

2.11.7

3 years ago

2.11.4

3 years ago

2.11.5

3 years ago

2.11.2

3 years ago

2.11.3

3 years ago

2.10.12

3 years ago

2.10.10

3 years ago

2.10.11

3 years ago

2.10.9

3 years ago

2.10.7

3 years ago

2.10.8

3 years ago

2.10.5

3 years ago

2.10.6

3 years ago

2.10.3

3 years ago

2.10.4

3 years ago

2.10.2

3 years ago

2.10.1

3 years ago

2.10.0

3 years ago

2.9.59

3 years ago

2.9.60

3 years ago

2.9.61

3 years ago

2.9.58

3 years ago

2.9.57

3 years ago

2.9.56

3 years ago

2.9.55

3 years ago

2.9.54

3 years ago

2.9.52

3 years ago

2.9.53

3 years ago

2.9.51

3 years ago

2.9.49

3 years ago

2.9.50

3 years ago

2.9.48

3 years ago

2.9.47

3 years ago

2.9.45

3 years ago

2.9.46

3 years ago

2.9.44

3 years ago

2.9.41

3 years ago

2.9.42

3 years ago

2.9.43

3 years ago

2.9.40

3 years ago

2.9.38

3 years ago

2.9.39

3 years ago

2.9.37

3 years ago

2.9.34

3 years ago

2.9.35

3 years ago

2.9.32

3 years ago

2.9.33

3 years ago

2.9.36

3 years ago

2.9.29

3 years ago

2.9.27

3 years ago

2.9.28

3 years ago

2.9.30

3 years ago

2.9.31

3 years ago

2.9.18

3 years ago

2.9.19

3 years ago

2.9.16

3 years ago

2.9.17

3 years ago

2.9.15

3 years ago

2.9.20

3 years ago

2.9.23

3 years ago

2.9.21

3 years ago

2.9.22

3 years ago

2.9.25

3 years ago

2.9.26

3 years ago

2.9.14

3 years ago

2.9.13

3 years ago

2.9.12

3 years ago

2.9.11

3 years ago

2.9.10

3 years ago

2.9.9

3 years ago

2.9.8

3 years ago

2.9.6

3 years ago

2.9.7

3 years ago

2.9.5

3 years ago

2.9.4

3 years ago

2.9.3

3 years ago

2.9.2

3 years ago

2.9.1

3 years ago

2.9.0

3 years ago

2.8.8

3 years ago

2.8.7

3 years ago

2.8.6

3 years ago

2.8.5

3 years ago

2.8.4

3 years ago

2.8.3

3 years ago

2.8.2

3 years ago

2.8.1

3 years ago

2.8.0

3 years ago

2.7.36

3 years ago

2.7.35

3 years ago

2.7.34

3 years ago

2.7.33

3 years ago

2.7.32

3 years ago

2.7.31

3 years ago

2.7.30

3 years ago

2.7.29

3 years ago

2.7.28

3 years ago

2.7.27

3 years ago

2.7.26

3 years ago

2.7.25

3 years ago

2.7.24

3 years ago

2.7.23

3 years ago

2.7.22

3 years ago

2.7.21

3 years ago

2.7.20

3 years ago

2.7.19

3 years ago

2.7.18

3 years ago

2.7.17

3 years ago

2.7.16

3 years ago

2.7.15

3 years ago

2.7.14

3 years ago

2.7.13

3 years ago

2.7.12

3 years ago

2.7.11

3 years ago

2.7.10

3 years ago

2.7.9

3 years ago

2.7.8

4 years ago

2.7.6

4 years ago

2.7.5

4 years ago

2.7.7

4 years ago

2.7.4

4 years ago

2.7.3

4 years ago

2.7.2

4 years ago

2.7.1

4 years ago

2.7.0

4 years ago

2.6.165

4 years ago

2.6.164

4 years ago

2.6.163

4 years ago

2.6.161

4 years ago

2.6.162

4 years ago

2.6.160

4 years ago

2.6.159

4 years ago

2.6.158

4 years ago

2.6.157

4 years ago

2.6.156

4 years ago

2.6.155

4 years ago

2.6.154

4 years ago

2.6.152

4 years ago

2.6.153

4 years ago

2.6.151

4 years ago

2.6.150

4 years ago

2.6.149

4 years ago

2.6.148

4 years ago

2.6.147

4 years ago

2.6.146

4 years ago

2.6.145

4 years ago

2.6.143

4 years ago

2.6.144

4 years ago

2.6.142

4 years ago

2.6.141

4 years ago

2.6.140

4 years ago

2.6.139

4 years ago

2.6.138

4 years ago

2.6.137

4 years ago

2.6.136

4 years ago

2.6.135

4 years ago

2.6.134

4 years ago

2.6.132

4 years ago

2.6.133

4 years ago

2.6.131

4 years ago

2.6.130

4 years ago

2.6.128

4 years ago

2.6.129

4 years ago

2.6.127

4 years ago

2.6.125

4 years ago

2.6.126

4 years ago

2.6.124

4 years ago

2.6.123

4 years ago

2.6.122

4 years ago

2.6.121

4 years ago

2.6.120

4 years ago

2.6.119

4 years ago

2.6.118

4 years ago

2.6.117

4 years ago

2.6.116

4 years ago

2.6.115

4 years ago

2.6.114

4 years ago

2.6.112

4 years ago

2.6.113

4 years ago

2.6.111

4 years ago

2.6.110

4 years ago

2.6.109

4 years ago

2.6.108

4 years ago

2.6.107

4 years ago

2.6.105

4 years ago

2.6.106

4 years ago

2.6.104

4 years ago

2.6.103

4 years ago

2.6.102

4 years ago

2.6.101

4 years ago

2.6.100

4 years ago

2.6.99

4 years ago

2.6.98

4 years ago

2.6.97

4 years ago

2.6.95

4 years ago

2.6.94

4 years ago

2.6.93

4 years ago

2.6.91

4 years ago

2.6.92

4 years ago

2.6.90

4 years ago

2.6.88

4 years ago

2.6.89

4 years ago

2.6.87

4 years ago

2.6.86

4 years ago

2.6.84

4 years ago

2.6.85

4 years ago

2.6.83

4 years ago

2.6.82

4 years ago

2.6.81

4 years ago

2.6.80

4 years ago

2.6.79

4 years ago

2.6.78

4 years ago

2.6.77

4 years ago

2.6.75

4 years ago

2.6.76

4 years ago

2.6.74

4 years ago

2.6.73

4 years ago

2.6.72

4 years ago

2.6.71

4 years ago

2.6.70

4 years ago

2.6.67

4 years ago

2.6.68

4 years ago

2.6.69

4 years ago

2.6.66

4 years ago

2.6.65

4 years ago

2.6.59

4 years ago

2.6.60

4 years ago

2.6.58

4 years ago

2.6.57

4 years ago

2.6.40

4 years ago

2.6.41

4 years ago

2.6.39

4 years ago

2.6.38

4 years ago

2.6.37

4 years ago

2.6.35

4 years ago

2.6.36

4 years ago

2.6.33

4 years ago

2.6.34

4 years ago

2.6.31

4 years ago

2.6.32

4 years ago

2.6.29

4 years ago

2.6.30

4 years ago

2.6.28

4 years ago

2.6.27

4 years ago

2.6.22

4 years ago

2.6.23

4 years ago

2.6.24

4 years ago

2.6.25

4 years ago

2.6.21

4 years ago

2.6.20

4 years ago

2.6.19

4 years ago

2.6.18

4 years ago

2.6.16

4 years ago

2.6.15

4 years ago

2.6.14

4 years ago

2.6.13

4 years ago

2.6.12

4 years ago

2.6.10

4 years ago

2.6.9

4 years ago

2.6.8

4 years ago

2.6.7

4 years ago

2.6.6

4 years ago

2.6.5

4 years ago

2.6.4

4 years ago

2.6.3

4 years ago

2.6.1

4 years ago

2.6.2

4 years ago

2.6.0

4 years ago

2.5.30

4 years ago

2.5.29

4 years ago

2.5.28

4 years ago

2.5.27

4 years ago

2.5.25

4 years ago

2.5.26

4 years ago

2.5.24

4 years ago

2.5.22

4 years ago

2.5.23

4 years ago

2.5.21

4 years ago

2.5.20

4 years ago

2.5.19

4 years ago

2.5.18

4 years ago

2.5.16

4 years ago

2.5.17

4 years ago

2.5.15

4 years ago

2.5.14

4 years ago

2.5.13

4 years ago

2.5.11

4 years ago

2.5.10

4 years ago

2.5.9

4 years ago

2.5.8

4 years ago

2.5.6

4 years ago

2.5.5

4 years ago

2.5.4

4 years ago

2.5.3

4 years ago

2.5.2

4 years ago

2.5.1

5 years ago

2.5.0

5 years ago

2.3.31

5 years ago

2.3.30

5 years ago

2.3.29

5 years ago

2.3.28

5 years ago

2.3.27

5 years ago

2.3.26

5 years ago

2.3.25

5 years ago

2.3.24

5 years ago

2.3.23

5 years ago

2.3.22

5 years ago

2.3.21

5 years ago

2.3.20

5 years ago

2.3.19

5 years ago

2.3.18

5 years ago

2.3.17

5 years ago

2.3.16

5 years ago

2.3.15

5 years ago

2.3.14

5 years ago

2.3.13

5 years ago

2.3.12

5 years ago

2.3.11

5 years ago

2.3.10

5 years ago

2.3.9

5 years ago

2.3.8

5 years ago

2.3.7

5 years ago

2.3.6

5 years ago

2.3.5

5 years ago

2.3.4

5 years ago

2.3.3

5 years ago

2.3.2

5 years ago

2.3.1

5 years ago

2.3.0

5 years ago

2.2.96

5 years ago

2.2.95

5 years ago

2.2.94

5 years ago

2.2.93

5 years ago

2.2.92

5 years ago

2.2.91

5 years ago

2.2.90

5 years ago

2.2.89

5 years ago

2.2.88

5 years ago

2.2.87

5 years ago

2.2.86

5 years ago

2.2.85

5 years ago

2.2.84

5 years ago

2.2.83

5 years ago

2.2.82

5 years ago

2.2.81

5 years ago

2.2.80

5 years ago

2.2.79

5 years ago

2.2.78

5 years ago

2.2.77

5 years ago

2.2.76

5 years ago

2.2.75

5 years ago

2.2.74

5 years ago

2.2.73

5 years ago

2.2.72

5 years ago

2.2.71

5 years ago

2.2.70

5 years ago

2.2.69

5 years ago

2.2.68

5 years ago

2.2.67

5 years ago

2.2.66

5 years ago

2.2.65

5 years ago

2.2.64

5 years ago

2.2.63

5 years ago

2.2.62

5 years ago

2.2.61

5 years ago

2.2.60

5 years ago

2.2.59

5 years ago

2.2.58

5 years ago

2.2.57

5 years ago

2.2.56

5 years ago

2.2.55

5 years ago

2.2.54

5 years ago

2.2.53

5 years ago

2.2.52

5 years ago

2.2.51

5 years ago

2.2.50

5 years ago

2.2.49

5 years ago

2.2.48

5 years ago

2.2.47

5 years ago

2.2.46

5 years ago

2.2.45

5 years ago

2.2.44

5 years ago

2.2.43

5 years ago

2.2.42

5 years ago

2.2.41

5 years ago

2.2.40

5 years ago

2.2.39

5 years ago

2.2.38

5 years ago

2.2.37

5 years ago

2.2.36

5 years ago

2.2.35

5 years ago

2.2.34

5 years ago

2.2.33

5 years ago

2.2.32

5 years ago

2.2.31

5 years ago

2.2.30

5 years ago

2.2.29

5 years ago

2.2.28

5 years ago

2.2.27

5 years ago

2.2.26

5 years ago

2.2.25

5 years ago

2.2.24

5 years ago

2.2.23

5 years ago

2.2.22

5 years ago

2.2.21

5 years ago

2.2.20

5 years ago

2.2.19

5 years ago

2.2.18

5 years ago

2.2.17

5 years ago

2.2.16

5 years ago

2.2.15

5 years ago

2.2.14

5 years ago

2.2.13

5 years ago

2.2.12

5 years ago

2.2.11

5 years ago

2.2.10

5 years ago

2.2.9

5 years ago

2.2.8

5 years ago

2.2.7

5 years ago

2.2.6

5 years ago

2.2.5

5 years ago

2.2.4

5 years ago

2.2.3

5 years ago

2.2.2

5 years ago

2.2.1

5 years ago

2.2.0

6 years ago

2.1.6

6 years ago

2.1.5

6 years ago

2.1.4

6 years ago

2.1.3

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

6 years ago

2.0.34

6 years ago

2.0.33

6 years ago

2.0.32

6 years ago

2.0.31

6 years ago

2.0.30

6 years ago

2.0.29

6 years ago

2.0.28

6 years ago

2.0.27

6 years ago

2.0.26

6 years ago

2.0.25

6 years ago

2.0.24

6 years ago

2.0.23

6 years ago

2.0.22

6 years ago

2.0.21

6 years ago

2.0.20

6 years ago

2.0.19

6 years ago

2.0.18

6 years ago

2.0.17

6 years ago

2.0.16

6 years ago

2.0.15

6 years ago

2.0.14

6 years ago

2.0.13

6 years ago

2.0.12

6 years ago

2.0.11

6 years ago

2.0.10

6 years ago

2.0.9

6 years ago

2.0.8

6 years ago

2.0.7

6 years ago

2.0.6

6 years ago

2.0.5

6 years ago

2.0.4

6 years ago

2.0.3

6 years ago

2.0.2

6 years ago

2.0.1

6 years ago

2.0.0

6 years ago

1.0.18

6 years ago

1.0.17

6 years ago

1.0.16

6 years ago

1.0.15

6 years ago

1.0.14

6 years ago

1.0.13

6 years ago

1.0.12

6 years ago

1.0.10

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago