8.5.11 • Published 9 months ago

@cloudflare/component-button v8.5.11

Weekly downloads
2,271
License
BSD-3-Clause
Repository
-
Last release
9 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;
8.5.11

9 months ago

8.5.8

10 months ago

8.5.7

10 months ago

8.5.9

10 months ago

8.5.10

10 months ago

8.5.4

10 months ago

8.5.3

11 months ago

8.5.6

10 months ago

8.5.5

10 months ago

8.5.2

11 months ago

8.5.1

11 months ago

8.3.10

1 year ago

8.3.11

1 year ago

8.3.12

1 year ago

8.3.13

1 year ago

8.3.14

1 year ago

8.3.15

12 months ago

8.3.8

1 year ago

8.3.9

1 year ago

8.4.0

11 months ago

8.5.0

11 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

2 years ago

8.0.1

2 years 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

3 years ago

5.3.0

3 years ago

5.1.0

3 years ago

5.2.0

3 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

4 years ago

2.11.23

4 years ago

2.11.24

4 years ago

2.11.25

4 years ago

2.11.26

4 years ago

2.11.27

4 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

4 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

4 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

5 years ago

2.7.31

5 years ago

2.7.30

5 years ago

2.7.29

5 years ago

2.7.28

5 years ago

2.7.27

5 years ago

2.7.26

5 years ago

2.7.25

5 years ago

2.7.24

5 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

6 years ago

2.6.9

6 years ago

2.6.8

6 years ago

2.6.7

6 years ago

2.6.6

6 years ago

2.6.5

6 years ago

2.6.4

6 years ago

2.6.3

6 years ago

2.6.1

6 years ago

2.6.2

6 years ago

2.6.0

6 years ago

2.5.30

6 years ago

2.5.29

6 years ago

2.5.28

6 years ago

2.5.27

6 years ago

2.5.25

6 years ago

2.5.26

6 years ago

2.5.24

6 years ago

2.5.22

6 years ago

2.5.23

6 years ago

2.5.21

6 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

7 years ago

2.2.12

7 years ago

2.2.11

7 years ago

2.2.10

7 years ago

2.2.9

7 years ago

2.2.8

7 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