10.1.21 • Published 8 months ago

@cloudflare/component-card v10.1.21

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

@cloudflare/component-card

Cloudflare Card Component

Installation

Installation with yarn is recommended

$ yarn add @cloudflare/component-card

Usage

import React from 'react';
import {
  Card,
  CardBlock,
  CardContent,
  CardControl,
  CardDrawers,
  CardMessages,
  CardSection,
  CardTitle,
  CardFooter,
  CardToolbar,
  CardToolbarLink
} from '../../src';
import { Button } from '@cloudflare/component-button';

class CardComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      activeDrawer: null
    };
  }

  render() {
    return (
      <Card>
        <CardSection>
          <CardContent>
            <CardTitle>Hello World</CardTitle>
            <p>Here is some content.</p>
            <CardMessages
              messages={[
                { type: 'info', content: 'Info Message' },
                { type: 'error', content: 'Error Message' }
              ]}
            />
            <CardFooter>This is a footer message</CardFooter>
          </CardContent>
          <CardControl>
            <CardBlock>This is a block</CardBlock>
            <CardBlock>
              <Button type="default" onClick={() => {}}>
                Example Control
              </Button>
            </CardBlock>
          </CardControl>
        </CardSection>
        <CardDrawers
          drawers={[
            {
              id: 'one',
              name: 'One',
              content: <p>One</p>
            },
            {
              id: 'two',
              name: 'Two',
              content: <p>Two</p>
            }
          ]}
        />
        <CardToolbar
          controls={[]}
          triggers={[
            <CardToolbarLink
              href="https://en.wikipedia.org/wiki/Main_Page"
            >
              Wikipedia
            </CardToolbarLink>
          ]}
        />
      </Card>
    );
  }
}

export default CardComponent;
10.1.20

8 months ago

10.1.21

8 months ago

10.1.19

9 months ago

10.1.13

9 months ago

10.1.14

9 months ago

10.1.17

9 months ago

10.1.18

9 months ago

10.1.15

9 months ago

10.1.16

9 months ago

10.1.11

10 months ago

10.1.12

10 months ago

10.1.10

10 months ago

10.1.7

10 months ago

10.1.8

10 months ago

10.1.9

10 months ago

10.0.13

1 year ago

10.0.18

12 months ago

10.0.17

1 year ago

10.0.16

1 year ago

10.0.15

1 year ago

10.0.14

1 year ago

10.1.4

11 months ago

10.1.5

11 months ago

10.1.6

11 months ago

10.1.0

12 months ago

10.1.1

12 months ago

10.1.2

11 months ago

10.1.3

11 months ago

10.0.12

1 year ago

10.0.11

1 year ago

10.0.9

1 year ago

10.0.10

1 year ago

10.0.8

1 year ago

10.0.7

1 year ago

10.0.6

1 year ago

10.0.5

1 year ago

10.0.4

1 year ago

10.0.3

1 year ago

10.0.2

1 year ago

10.0.1

1 year ago

10.0.0

1 year ago

9.0.7

1 year ago

9.0.6

1 year ago

9.0.5

1 year ago

9.0.4

1 year ago

9.0.3

1 year ago

9.0.2

1 year ago

9.0.1

2 years ago

8.0.10

2 years ago

8.0.12

2 years ago

8.0.11

2 years ago

8.0.14

2 years ago

8.0.13

2 years ago

8.0.16

2 years ago

8.0.15

2 years ago

8.0.18

2 years ago

8.0.17

2 years ago

9.0.0

2 years ago

8.0.9

2 years ago

8.0.8

2 years ago

8.0.5

2 years ago

8.0.4

2 years ago

8.0.7

2 years ago

8.0.6

2 years ago

8.0.3

2 years ago

8.0.2

2 years ago

7.2.15

2 years ago

8.0.1

2 years ago

8.0.0

2 years ago

7.2.13

2 years ago

7.2.12

2 years ago

7.2.14

2 years ago

7.2.11

2 years ago

7.2.10

2 years ago

7.2.6

2 years ago

7.2.5

2 years ago

7.2.9

2 years ago

7.2.8

2 years ago

7.2.7

2 years ago

7.2.4

2 years ago

7.2.3

2 years ago

7.2.2

2 years ago

7.2.1

2 years ago

7.2.0

3 years ago

7.0.0

3 years ago

7.0.1

3 years ago

6.0.0

3 years ago

5.0.38

3 years ago

5.0.39

3 years ago

5.0.60

3 years ago

5.0.61

3 years ago

5.0.62

3 years ago

5.0.63

3 years ago

5.0.64

3 years ago

5.0.65

3 years ago

5.0.66

3 years ago

5.0.50

3 years ago

5.0.51

3 years ago

5.0.52

3 years ago

5.0.53

3 years ago

5.0.54

3 years ago

5.0.55

3 years ago

5.0.56

3 years ago

5.0.57

3 years ago

5.0.58

3 years ago

5.0.59

3 years ago

5.0.40

3 years ago

5.0.41

3 years ago

5.0.42

3 years ago

5.0.43

3 years ago

5.0.44

3 years ago

5.0.45

3 years ago

5.0.46

3 years ago

5.0.47

3 years ago

5.0.48

3 years ago

5.0.49

3 years ago

5.0.30

3 years ago

5.0.31

3 years ago

5.0.32

3 years ago

5.0.33

3 years ago

5.0.34

3 years ago

5.0.35

3 years ago

5.0.36

3 years ago

5.0.37

3 years ago

5.0.20

3 years ago

5.0.21

3 years ago

5.0.22

3 years ago

5.0.23

3 years ago

5.0.24

3 years ago

5.0.25

3 years ago

5.0.26

3 years ago

5.0.27

3 years ago

5.0.28

3 years ago

5.0.29

3 years ago

5.0.19

3 years ago

5.0.9

3 years ago

5.0.8

3 years ago

5.0.7

3 years ago

5.0.6

3 years ago

5.0.5

3 years ago

5.0.4

3 years ago

5.0.3

3 years ago

5.0.2

3 years ago

5.0.1

3 years ago

5.0.10

3 years ago

5.0.0

3 years ago

5.0.11

3 years ago

5.0.12

3 years ago

5.0.13

3 years ago

5.0.14

3 years ago

5.0.15

3 years ago

5.0.16

3 years ago

5.0.17

3 years ago

5.0.18

3 years ago

4.0.61

3 years ago

4.0.60

3 years ago

4.0.59

3 years ago

4.0.56

3 years ago

4.0.58

3 years ago

4.0.57

3 years ago

4.0.52

3 years ago

4.0.51

3 years ago

4.0.54

3 years ago

4.0.53

3 years ago

4.0.55

3 years ago

4.0.50

3 years ago

4.0.21

4 years ago

4.0.27

4 years ago

4.0.26

4 years ago

4.0.29

4 years ago

4.0.28

4 years ago

4.0.23

4 years ago

4.0.22

4 years ago

4.0.25

4 years ago

4.0.24

4 years ago

4.0.41

3 years ago

4.0.40

3 years ago

4.0.43

3 years ago

4.0.42

3 years ago

4.0.49

3 years ago

4.0.48

3 years ago

4.0.45

3 years ago

4.0.44

3 years ago

4.0.47

3 years ago

4.0.46

3 years ago

4.0.30

4 years ago

4.0.32

3 years ago

4.0.31

4 years ago

4.0.38

3 years ago

4.0.37

3 years ago

4.0.39

3 years ago

4.0.34

3 years ago

4.0.33

3 years ago

4.0.36

3 years ago

4.0.35

3 years ago

4.0.19

4 years ago

4.0.20

4 years ago

4.0.16

4 years ago

4.0.15

4 years ago

4.0.18

4 years ago

4.0.17

4 years ago

4.0.12

4 years ago

4.0.11

4 years ago

4.0.14

4 years ago

4.0.13

4 years ago

4.0.5

4 years ago

4.0.4

4 years ago

4.0.7

4 years ago

4.0.6

4 years ago

4.0.1

4 years ago

4.0.0

4 years ago

4.0.3

4 years ago

4.0.2

4 years ago

4.0.9

4 years ago

4.0.8

4 years ago

3.5.83

4 years ago

4.0.10

4 years ago

3.5.82

4 years ago

3.5.81

4 years ago

3.5.79

4 years ago

3.5.78

4 years ago

3.5.80

4 years ago

3.5.77

4 years ago

3.5.76

4 years ago

3.5.75

4 years ago

3.5.74

4 years ago

3.5.73

4 years ago

3.5.72

4 years ago

3.5.69

4 years ago

3.5.71

4 years ago

3.5.70

4 years ago

3.5.68

4 years ago

3.5.67

4 years ago

3.5.66

4 years ago

3.5.65

4 years ago

3.5.64

4 years ago

3.5.63

4 years ago

3.5.62

4 years ago

3.5.61

4 years ago

3.5.59

4 years ago

3.5.60

4 years ago

3.5.58

4 years ago

3.5.57

4 years ago

3.5.56

4 years ago

3.5.55

4 years ago

3.5.54

4 years ago

3.5.53

4 years ago

3.5.52

4 years ago

3.5.51

4 years ago

3.5.50

4 years ago

3.5.49

4 years ago

3.5.48

4 years ago

3.5.47

4 years ago

3.5.46

4 years ago

3.5.45

4 years ago

3.5.44

4 years ago

3.5.43

4 years ago

3.5.42

4 years ago

3.5.41

4 years ago

3.5.40

4 years ago

3.5.36

4 years ago

3.5.39

4 years ago

3.5.38

4 years ago

3.5.37

4 years ago

3.5.25

4 years ago

3.5.24

4 years ago

3.5.23

4 years ago

3.5.29

4 years ago

3.5.28

4 years ago

3.5.27

4 years ago

3.5.26

4 years ago

3.5.35

4 years ago

3.5.34

4 years ago

3.5.32

4 years ago

3.5.31

4 years ago

3.5.30

4 years ago

3.5.22

4 years ago

3.5.21

4 years ago

3.5.20

4 years ago

3.5.19

4 years ago

3.5.18

4 years ago

3.5.17

4 years ago

3.5.16

4 years ago

3.5.15

4 years ago

3.5.14

4 years ago

3.5.13

4 years ago

3.5.12

4 years ago

3.5.11

4 years ago

3.5.10

4 years ago

3.5.9

4 years ago

3.5.8

4 years ago

3.5.7

4 years ago

3.5.6

4 years ago

3.5.5

4 years ago

3.5.4

4 years ago

3.5.3

4 years ago

3.5.2

4 years ago

3.5.1

4 years ago

3.5.0

4 years ago

3.4.225

4 years ago

3.4.224

4 years ago

3.4.223

4 years ago

3.4.222

4 years ago

3.4.221

4 years ago

3.4.220

4 years ago

3.4.219

4 years ago

3.4.218

4 years ago

3.4.215

5 years ago

3.4.216

5 years ago

3.4.217

5 years ago

3.4.214

5 years ago

3.4.213

5 years ago

3.4.211

5 years ago

3.4.212

5 years ago

3.4.210

5 years ago

3.4.209

5 years ago

3.4.208

5 years ago

3.4.207

5 years ago

3.4.205

5 years ago

3.4.206

5 years ago

3.4.204

5 years ago

3.4.203

5 years ago

3.4.202

5 years ago

3.4.201

5 years ago

3.4.200

5 years ago

3.4.199

5 years ago

3.4.198

5 years ago

3.4.197

5 years ago

3.4.196

5 years ago

3.4.195

5 years ago

3.4.194

5 years ago

3.4.193

5 years ago

3.4.192

5 years ago

3.4.191

5 years ago

3.4.190

5 years ago

3.4.189

5 years ago

3.4.188

5 years ago

3.4.187

5 years ago

3.4.186

5 years ago

3.4.184

5 years ago

3.4.185

5 years ago

3.4.183

5 years ago

3.4.182

5 years ago

3.4.181

5 years ago

3.4.180

5 years ago

3.4.179

5 years ago

3.4.177

5 years ago

3.4.178

5 years ago

3.4.175

5 years ago

3.4.176

5 years ago

3.4.174

5 years ago

3.4.173

5 years ago

3.4.172

5 years ago

3.4.171

5 years ago

3.4.170

5 years ago

3.4.169

5 years ago

3.4.168

5 years ago

3.4.166

5 years ago

3.4.167

5 years ago

3.4.165

5 years ago

3.4.164

5 years ago

3.4.163

5 years ago

3.4.162

5 years ago

3.4.161

5 years ago

3.4.160

5 years ago

3.4.159

5 years ago

3.4.158

5 years ago

3.4.157

5 years ago

3.4.155

5 years ago

3.4.156

5 years ago

3.4.154

5 years ago

3.4.153

5 years ago

3.4.152

5 years ago

3.4.151

5 years ago

3.4.150

5 years ago

3.4.148

5 years ago

3.4.149

5 years ago

3.4.147

5 years ago

3.4.146

5 years ago

3.4.145

5 years ago

3.4.144

5 years ago

3.4.143

5 years ago

3.4.142

5 years ago

3.4.141

5 years ago

3.4.140

5 years ago

3.4.139

5 years ago

3.4.138

5 years ago

3.4.137

5 years ago

3.4.136

5 years ago

3.4.133

5 years ago

3.4.134

5 years ago

3.4.135

5 years ago

3.4.132

5 years ago

3.4.131

5 years ago

3.4.130

5 years ago

3.4.129

5 years ago

3.4.128

5 years ago

3.4.127

5 years ago

3.4.126

5 years ago

3.4.125

5 years ago

3.4.124

5 years ago

3.4.123

5 years ago

3.4.122

5 years ago

3.4.121

5 years ago

3.4.119

5 years ago

3.4.118

5 years ago

3.4.116

5 years ago

3.4.117

5 years ago

3.4.115

5 years ago

3.4.113

5 years ago

3.4.114

5 years ago

3.4.112

5 years ago

3.4.111

5 years ago

3.4.110

5 years ago

3.4.109

5 years ago

3.4.107

5 years ago

3.4.108

5 years ago

3.4.106

5 years ago

3.4.105

5 years ago

3.4.104

5 years ago

3.4.103

5 years ago

3.4.102

5 years ago

3.4.101

5 years ago

3.4.100

5 years ago

3.4.98

5 years ago

3.4.99

5 years ago

3.4.97

5 years ago

3.4.96

5 years ago

3.4.94

5 years ago

3.4.95

5 years ago

3.4.93

5 years ago

3.4.92

5 years ago

3.4.89

5 years ago

3.4.90

5 years ago

3.4.91

5 years ago

3.4.88

5 years ago

3.4.87

5 years ago

3.4.82

5 years ago

3.4.81

5 years ago

3.4.80

5 years ago

3.4.79

5 years ago

3.4.62

5 years ago

3.4.63

5 years ago

3.4.61

5 years ago

3.4.60

5 years ago

3.4.59

5 years ago

3.4.58

5 years ago

3.4.56

5 years ago

3.4.57

5 years ago

3.4.54

5 years ago

3.4.55

5 years ago

3.4.52

5 years ago

3.4.53

5 years ago

3.4.50

5 years ago

3.4.51

5 years ago

3.4.49

5 years ago

3.4.48

5 years ago

3.4.43

5 years ago

3.4.44

5 years ago

3.4.45

5 years ago

3.4.46

5 years ago

3.4.42

5 years ago

3.4.41

5 years ago

3.4.40

5 years ago

3.4.38

5 years ago

3.4.37

5 years ago

3.4.36

5 years ago

3.4.35

5 years ago

3.4.33

5 years ago

3.4.32

5 years ago

3.4.31

5 years ago

3.4.30

5 years ago

3.4.29

5 years ago

3.4.28

6 years ago

3.4.27

6 years ago

3.4.26

6 years ago

3.4.25

6 years ago

3.4.24

6 years ago

3.4.23

6 years ago

3.4.21

6 years ago

3.4.20

6 years ago

3.4.18

6 years ago

3.4.19

6 years ago

3.4.17

6 years ago

3.4.16

6 years ago

3.4.14

6 years ago

3.4.15

6 years ago

3.4.13

6 years ago

3.4.11

6 years ago

3.4.9

6 years ago

3.4.4

6 years ago

3.4.5

6 years ago

3.4.3

6 years ago

3.4.2

6 years ago

3.4.1

6 years ago

3.4.0

6 years ago

3.2.123

6 years ago

3.2.122

6 years ago

3.2.121

6 years ago

3.2.120

6 years ago

3.2.119

6 years ago

3.2.118

6 years ago

3.2.117

6 years ago

3.2.116

6 years ago

3.2.115

6 years ago

3.2.114

6 years ago

3.2.113

6 years ago

3.2.112

6 years ago

3.2.111

6 years ago

3.2.110

6 years ago

3.2.109

6 years ago

3.2.108

6 years ago

3.2.107

6 years ago

3.2.106

6 years ago

3.2.105

6 years ago

3.2.104

6 years ago

3.2.103

6 years ago

3.2.102

6 years ago

3.2.101

6 years ago

3.2.100

6 years ago

3.2.99

6 years ago

3.2.98

6 years ago

3.2.97

6 years ago

3.2.96

6 years ago

3.2.95

6 years ago

3.2.94

6 years ago

3.2.93

6 years ago

3.2.92

6 years ago

3.2.91

6 years ago

3.2.90

6 years ago

3.2.89

6 years ago

3.2.88

6 years ago

3.2.87

6 years ago

3.2.86

6 years ago

3.2.85

6 years ago

3.2.84

6 years ago

3.2.83

6 years ago

3.2.82

6 years ago

3.2.81

6 years ago

3.2.80

6 years ago

3.2.79

6 years ago

3.2.78

6 years ago

3.2.77

6 years ago

3.2.76

6 years ago

3.2.75

6 years ago

3.2.74

6 years ago

3.2.73

6 years ago

3.2.72

6 years ago

3.2.71

6 years ago

3.2.70

6 years ago

3.2.69

6 years ago

3.2.68

6 years ago

3.2.67

6 years ago

3.2.66

6 years ago

3.2.65

6 years ago

3.2.64

6 years ago

3.2.63

6 years ago

3.2.62

6 years ago

3.2.61

6 years ago

3.2.60

6 years ago

3.2.59

6 years ago

3.2.58

6 years ago

3.2.57

6 years ago

3.2.56

6 years ago

3.2.55

6 years ago

3.2.54

6 years ago

3.2.53

6 years ago

3.2.52

6 years ago

3.2.51

6 years ago

3.2.50

6 years ago

3.2.49

6 years ago

3.2.48

6 years ago

3.2.47

6 years ago

3.2.46

6 years ago

3.2.45

6 years ago

3.2.44

6 years ago

3.2.43

6 years ago

3.2.42

6 years ago

3.2.41

6 years ago

3.2.40

6 years ago

3.2.39

6 years ago

3.2.38

6 years ago

3.2.37

6 years ago

3.2.36

6 years ago

3.2.35

6 years ago

3.2.34

6 years ago

3.2.33

6 years ago

3.2.32

6 years ago

3.2.31

6 years ago

3.2.30

6 years ago

3.2.29

6 years ago

3.2.28

6 years ago

3.2.27

6 years ago

3.2.26

6 years ago

3.2.25

6 years ago

3.2.24

6 years ago

3.2.23

6 years ago

3.2.22

6 years ago

3.2.21

6 years ago

3.2.20

6 years ago

3.2.19

6 years ago

3.2.18

6 years ago

3.2.17

6 years ago

3.2.16

6 years ago

3.2.15

6 years ago

3.2.14

6 years ago

3.2.13

6 years ago

3.2.12

6 years ago

3.2.11

6 years ago

3.2.10

6 years ago

3.2.9

7 years ago

3.2.8

7 years ago

3.2.7

7 years ago

3.2.6

7 years ago

3.2.5

7 years ago

3.2.4

7 years ago

3.2.3

7 years ago

3.2.2

7 years ago

3.2.1

7 years ago

3.2.0

7 years ago

3.1.1

7 years ago

3.1.0

7 years ago

3.0.27

7 years ago

3.0.26

7 years ago

3.0.25

7 years ago

3.0.24

7 years ago

3.0.23

7 years ago

3.0.22

7 years ago

3.0.21

7 years ago

3.0.20

7 years ago

3.0.19

7 years ago

3.0.18

7 years ago

3.0.17

7 years ago

3.0.16

7 years ago

3.0.15

7 years ago

3.0.14

7 years ago

3.0.13

7 years ago

3.0.12

7 years ago

3.0.11

7 years ago

3.0.10

7 years ago

3.0.9

7 years ago

3.0.8

7 years ago

3.0.7

7 years ago

3.0.6

7 years ago

3.0.5

7 years ago

3.0.4

7 years ago

3.0.3

7 years ago

3.0.2

7 years ago

3.0.1

7 years ago

3.0.0

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.20

7 years ago

1.0.19

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