4.7.1 • Published 28 days ago

@cloudflare/component-tooltip v4.7.1

Weekly downloads
4,738
License
BSD-3-Clause
Repository
-
Last release
28 days ago

@cloudflare/component-tooltip

Cloudflare Tooltip Component

Installation

Installation with yarn is recommended

$ yarn add @cloudflare/component-tooltip

Usage

import React from 'react';
import { Tooltip } from '../../src';
import { Icon } from '@cloudflare/component-icon';
import { Button } from '@cloudflare/component-button';
import { Box } from '@cloudflare/component-box';

const Jsx = () => (
  <span>
    <h4>
      <Icon type="exclamation-sign" color="danger" label="tooltip" /> Sure. No
      problem!
    </h4>
    Important Info
  </span>
);

const TooltipComponent = () => (
  <div>
    <div>
      <h4>Standard tooltip with text</h4>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry.{' '}
      More Info{' '}
      <Box display="inline-block">
        <Tooltip
          place="top"
          message="It has survived not only five centuries, but also the leap into electronic
      typesetting, remaining essentially unchanged."
        >
          <Icon type="info-sign" color="primary" label="tooltip" />
        </Tooltip>
      </Box>
    </div>

    <h4>
      You can add a tooltip to any element you want. You can also use delayHide
      to delay the hiding of the tooltip
    </h4>
    <Box display="inline-block">
      <Tooltip delayHide={1000} place="top" message={"I'm on a button"}>
        <Button type="primary">Button Info</Button>
      </Tooltip>
    </Box>
    <h4>Can you do jsx?</h4>
    <Box display="inline-block">
      <Tooltip place="top" message={<Jsx />}>
        <span>Fancy Tooltip</span>
        <div />
      </Tooltip>
    </Box>
  </div>
);

export default TooltipComponent;
@cloudflare/elementslodash.uniqueidprop-typesreact-tooltip
@infinitebrahmanuniverse/nolb-_cloudf@everything-registry/sub-chunk-179@cloudflare/component-code-block@cloudflare/chart-map@cloudflare/component-legend@cloudflare/component-payment-method-form@cloudflare/component-payment-method-form-v2@cloudflare/component-payment-form
4.7.1

28 days ago

4.7.0

1 month ago

4.6.0

1 month ago

4.5.1

2 months ago

4.5.0

2 months ago

4.4.1

2 months ago

4.4.0

3 months ago

4.3.2

8 months ago

4.3.1

9 months ago

4.3.0

9 months ago

4.2.1

10 months ago

4.2.0

10 months ago

4.1.0

1 year ago

4.0.0

2 years ago

3.0.0

2 years ago

2.7.179

2 years ago

2.7.180

2 years ago

2.7.168

2 years ago

2.7.169

2 years ago

2.7.175

2 years ago

2.7.176

2 years ago

2.7.177

2 years ago

2.7.178

2 years ago

2.7.171

2 years ago

2.7.172

2 years ago

2.7.173

2 years ago

2.7.174

2 years ago

2.7.170

2 years ago

2.7.158

2 years ago

2.7.159

2 years ago

2.7.164

2 years ago

2.7.165

2 years ago

2.7.166

2 years ago

2.7.167

2 years ago

2.7.160

2 years ago

2.7.161

2 years ago

2.7.162

2 years ago

2.7.163

2 years ago

2.7.142

2 years ago

2.7.143

2 years ago

2.7.144

2 years ago

2.7.145

2 years ago

2.7.141

2 years ago

2.7.157

2 years ago

2.7.146

2 years ago

2.7.147

2 years ago

2.7.148

2 years ago

2.7.149

2 years ago

2.7.153

2 years ago

2.7.154

2 years ago

2.7.155

2 years ago

2.7.156

2 years ago

2.7.150

2 years ago

2.7.151

2 years ago

2.7.152

2 years ago

2.7.139

2 years ago

2.7.135

2 years ago

2.7.136

2 years ago

2.7.137

2 years ago

2.7.138

2 years ago

2.7.140

2 years ago

2.7.128

2 years ago

2.7.129

2 years ago

2.7.124

2 years ago

2.7.125

2 years ago

2.7.126

2 years ago

2.7.127

2 years ago

2.7.131

2 years ago

2.7.132

2 years ago

2.7.133

2 years ago

2.7.134

2 years ago

2.7.130

2 years ago

2.7.120

2 years ago

2.7.121

2 years ago

2.7.122

2 years ago

2.7.123

2 years ago

2.7.117

2 years ago

2.7.118

2 years ago

2.7.119

2 years ago

2.7.113

2 years ago

2.7.114

2 years ago

2.7.115

2 years ago

2.7.116

2 years ago

2.7.106

2 years ago

2.7.107

2 years ago

2.7.108

2 years ago

2.7.109

2 years ago

2.7.104

2 years ago

2.7.105

2 years ago

2.7.110

2 years ago

2.7.111

2 years ago

2.7.112

2 years ago

2.7.95

2 years ago

2.7.99

2 years ago

2.7.98

2 years ago

2.7.97

2 years ago

2.7.96

2 years ago

2.7.102

2 years ago

2.7.103

2 years ago

2.7.100

2 years ago

2.7.101

2 years ago

2.7.84

3 years ago

2.7.83

3 years ago

2.7.88

3 years ago

2.7.87

3 years ago

2.7.86

3 years ago

2.7.85

3 years ago

2.7.89

3 years ago

2.7.91

3 years ago

2.7.90

3 years ago

2.7.94

3 years ago

2.7.93

3 years ago

2.7.92

3 years ago

2.7.82

3 years ago

2.7.81

3 years ago

2.7.79

3 years ago

2.7.78

3 years ago

2.7.80

3 years ago

2.7.77

3 years ago

2.7.76

3 years ago

2.7.75

3 years ago

2.7.74

3 years ago

2.7.73

3 years ago

2.7.72

3 years ago

2.7.71

3 years ago

2.7.70

3 years ago

2.7.69

3 years ago

2.7.68

3 years ago

2.7.67

3 years ago

2.7.66

3 years ago

2.7.65

3 years ago

2.7.64

3 years ago

2.7.63

3 years ago

2.7.62

3 years ago

2.7.61

3 years ago

2.7.60

3 years ago

2.7.59

3 years ago

2.7.58

3 years ago

2.7.57

3 years ago

2.7.56

3 years ago

2.7.55

3 years ago

2.7.54

3 years ago

2.7.53

3 years ago

2.7.52

3 years ago

2.7.49

3 years ago

2.7.48

3 years ago

2.7.47

3 years ago

2.7.51

3 years ago

2.7.50

3 years ago

2.7.44

3 years ago

2.7.46

3 years ago

2.7.45

3 years ago

2.7.39

3 years ago

2.7.38

3 years ago

2.7.33

3 years ago

2.7.32

3 years ago

2.7.37

3 years ago

2.7.36

3 years ago

2.7.35

3 years ago

2.7.34

3 years ago

2.7.40

3 years ago

2.7.43

3 years ago

2.7.42

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

3 years ago

2.7.12

3 years ago

2.7.10

3 years ago

2.7.9

3 years ago

2.7.8

3 years ago

2.7.7

3 years ago

2.7.6

3 years ago

2.7.5

3 years ago

2.7.4

3 years ago

2.7.3

3 years ago

2.7.2

3 years ago

2.7.0

3 years ago

2.7.1

3 years ago

2.6.215

3 years ago

2.6.214

3 years ago

2.6.213

3 years ago

2.6.212

3 years ago

2.6.211

3 years ago

2.6.210

3 years ago

2.6.208

3 years ago

2.6.209

3 years ago

2.6.207

3 years ago

2.6.206

3 years ago

2.6.204

3 years ago

2.6.205

3 years ago

2.6.203

3 years ago

2.6.202

3 years ago

2.6.201

3 years ago

2.6.200

3 years ago

2.6.197

4 years ago

2.6.198

4 years ago

2.6.199

4 years ago

2.6.196

4 years ago

2.6.195

4 years ago

2.6.194

4 years ago

2.6.193

4 years ago

2.6.192

4 years ago

2.6.191

4 years ago

2.6.190

4 years ago

2.6.189

4 years ago

2.6.188

4 years ago

2.6.187

4 years ago

2.6.186

4 years ago

2.6.185

4 years ago

2.6.184

4 years ago

2.6.183

4 years ago

2.6.182

4 years ago

2.6.181

4 years ago

2.6.180

4 years ago

2.6.178

4 years ago

2.6.179

4 years ago

2.6.177

4 years ago

2.6.175

4 years ago

2.6.176

4 years ago

2.6.174

4 years ago

2.6.172

4 years ago

2.6.173

4 years ago

2.6.171

4 years ago

2.6.170

4 years ago

2.6.169

4 years ago

2.6.167

4 years ago

2.6.168

4 years ago

2.6.166

4 years ago

2.6.165

4 years ago

2.6.163

4 years ago

2.6.164

4 years ago

2.6.162

4 years ago

2.6.161

4 years ago

2.6.160

4 years ago

2.6.158

4 years ago

2.6.159

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

4 years ago

2.6.152

4 years ago

2.6.151

4 years ago

2.6.150

4 years ago

2.6.149

4 years ago

2.6.147

4 years ago

2.6.148

4 years ago

2.6.146

4 years ago

2.6.145

4 years ago

2.6.144

4 years ago

2.6.143

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

4 years ago

2.6.135

4 years ago

2.6.131

4 years ago

2.6.132

4 years ago

2.6.133

4 years ago

2.6.130

4 years ago

2.6.129

4 years ago

2.6.127

4 years ago

2.6.128

4 years ago

2.6.126

4 years ago

2.6.125

4 years ago

2.6.123

4 years ago

2.6.124

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

4 years ago

2.6.114

4 years ago

2.6.113

4 years ago

2.6.112

4 years ago

2.6.110

4 years ago

2.6.111

4 years ago

2.6.109

4 years ago

2.6.107

4 years ago

2.6.108

4 years ago

2.6.106

4 years ago

2.6.105

4 years ago

2.6.104

4 years ago

2.6.102

4 years ago

2.6.103

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

4 years ago

2.6.94

4 years ago

2.6.93

4 years ago

2.6.92

4 years ago

2.6.91

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

4 years ago

2.6.80

4 years ago

2.6.79

4 years ago

2.6.78

4 years ago

2.6.62

4 years ago

2.6.61

4 years ago

2.6.60

4 years ago

2.6.59

4 years ago

2.6.58

4 years ago

2.6.56

4 years ago

2.6.57

4 years ago

2.6.55

4 years ago

2.6.54

4 years ago

2.6.53

4 years ago

2.6.51

4 years ago

2.6.52

4 years ago

2.6.50

4 years ago

2.6.49

4 years ago

2.6.48

4 years ago

2.6.45

4 years ago

2.6.46

4 years ago

2.6.47

4 years ago

2.6.44

4 years ago

2.6.43

4 years ago

2.6.39

4 years ago

2.6.40

4 years ago

2.6.42

4 years ago

2.6.38

4 years ago

2.6.37

4 years ago

2.6.36

4 years ago

2.6.34

4 years ago

2.6.35

4 years ago

2.6.33

4 years ago

2.6.32

4 years ago

2.6.31

4 years ago

2.6.30

4 years ago

2.6.29

4 years ago

2.6.28

4 years ago

2.6.26

4 years ago

2.6.27

4 years ago

2.6.25

4 years ago

2.6.24

4 years ago

2.6.22

4 years ago

2.6.23

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

4 years ago

2.6.15

4 years ago

2.6.14

4 years ago

2.6.13

4 years ago

2.6.11

4 years ago

2.6.10

4 years ago

2.6.9

4 years ago

2.6.8

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

4 years ago

2.6.1

5 years ago

2.6.0

5 years ago

2.4.35

5 years ago

2.4.34

5 years ago

2.4.33

5 years ago

2.4.32

5 years ago

2.4.31

5 years ago

2.4.30

5 years ago

2.4.29

5 years ago

2.4.28

5 years ago

2.4.27

5 years ago

2.4.26

5 years ago

2.4.25

5 years ago

2.4.24

5 years ago

2.4.23

5 years ago

2.4.22

5 years ago

2.4.21

5 years ago

2.4.20

5 years ago

2.4.19

5 years ago

2.4.18

5 years ago

2.4.17

5 years ago

2.4.16

5 years ago

2.4.15

5 years ago

2.4.14

5 years ago

2.4.13

5 years ago

2.4.12

5 years ago

2.4.11

5 years ago

2.4.10

5 years ago

2.4.9

5 years ago

2.4.8

5 years ago

2.4.7

5 years ago

2.4.6

5 years ago

2.4.5

5 years ago

2.4.4

5 years ago

2.4.3

5 years ago

2.4.2

5 years ago

2.4.1

5 years ago

2.4.0

5 years ago

2.3.63

5 years ago

2.3.62

5 years ago

2.3.61

5 years ago

2.3.60

5 years ago

2.3.59

5 years ago

2.3.58

5 years ago

2.3.57

5 years ago

2.3.56

5 years ago

2.3.55

5 years ago

2.3.54

5 years ago

2.3.53

5 years ago

2.3.52

5 years ago

2.3.51

5 years ago

2.3.50

5 years ago

2.3.49

5 years ago

2.3.48

5 years ago

2.3.47

5 years ago

2.3.46

5 years ago

2.3.45

5 years ago

2.3.44

5 years ago

2.3.43

5 years ago

2.3.42

5 years ago

2.3.41

5 years ago

2.3.40

5 years ago

2.3.39

5 years ago

2.3.38

5 years ago

2.3.37

5 years ago

2.3.36

5 years ago

2.3.35

5 years ago

2.3.34

5 years ago

2.3.33

5 years ago

2.3.32

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

6 years ago

2.1.40

6 years ago

2.1.39

6 years ago

2.1.38

6 years ago

2.1.37

6 years ago

2.1.36

6 years ago

2.1.35

6 years ago

2.1.34

6 years ago

2.1.33

6 years ago

2.1.32

6 years ago

2.1.31

6 years ago

2.1.30

6 years ago

2.1.29

6 years ago

2.1.28

6 years ago

2.1.27

6 years ago

2.1.26

6 years ago

2.1.25

6 years ago

2.1.24

6 years ago

2.1.23

6 years ago

2.1.22

6 years ago

2.1.21

6 years ago

2.1.20

6 years ago

2.1.19

6 years ago

2.1.18

6 years ago

2.1.17

6 years ago

2.1.16

6 years ago

2.1.15

6 years ago

2.1.14

6 years ago

2.1.13

6 years ago

2.1.12

6 years ago

2.1.11

6 years ago

2.1.10

6 years ago

2.1.9

6 years ago

2.1.8

6 years ago

2.1.7

6 years ago

2.1.6

6 years ago

2.1.5

6 years ago

2.1.4

6 years ago

2.1.2

6 years ago

2.1.1

6 years ago

2.1.0

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

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago