@@ -16,9 +16,31 @@ See [changelog](./CHANGELOG.md)
16
16
17
17
## Usage
18
18
19
- ### Exemple
19
+ ### Examples
20
20
21
- ![ Tooltip exemple] ( /screenshots/themed-tooltips.png )
21
+ ![ Tooltip example] ( /screenshots/themed-tooltips.png )
22
+
23
+ #### Fixed Tooltip
24
+
25
+ ``` js
26
+ import React from ' react'
27
+ import { Tooltip } from ' react-simple-tooltip'
28
+
29
+ export default class MyComponent {
30
+ render () {
31
+ return (
32
+ < div>
33
+ < Tooltip>
34
+ < div> react- simple- tooltip< / div>
35
+ < div> By cedricdelpoux< / div>
36
+ < / Tooltip>
37
+ < / div>
38
+ )
39
+ }
40
+ }
41
+ ```
42
+
43
+ #### Hover Tooltip
22
44
23
45
``` js
24
46
import React , { Component } from ' react'
@@ -45,8 +67,8 @@ export default class MyComponent extends Component {
45
67
{ this .state .tooltipTrigger
46
68
? (
47
69
< Tooltip placement= " top" trigger= { this .state .tooltipTrigger }>
48
- < div> Line 1 < / div>
49
- < div> Line 2 < / div>
70
+ < div> react - simple - tooltip < / div>
71
+ < div> By cedricdelpoux < / div>
50
72
< / Tooltip>
51
73
)
52
74
: null
@@ -64,9 +86,9 @@ export default class MyComponent extends Component {
64
86
65
87
### Props
66
88
67
- * ` placement ` : String - one of [ 'top', 'right', 'bottom', 'left']
68
- * ` theme ` : String - one of [ 'black', 'grey', 'blue', 'green', 'yellow', 'red']
69
- * ` trigger ` : React element
89
+ * ` placement ` : String - by default is right - one of [ 'top', 'right', 'bottom', 'left']
90
+ * ` theme ` : String - by default is black - one of [ 'black', 'grey', 'blue', 'green', 'yellow', 'red']
91
+ * ` trigger ` : React element - by default is null
70
92
71
93
## Development
72
94
0 commit comments