Skip to content

Commit 6c58a14

Browse files
committed
add more examples
1 parent 4402dad commit 6c58a14

File tree

4 files changed

+54
-12
lines changed

4 files changed

+54
-12
lines changed

docs/examples/EscapeToClose.js

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,6 @@
11
import React from 'react';
2-
import T from 'prop-types';
32

43
export default class EscapeToClose extends React.Component {
5-
static propTypes = {
6-
closeTooltip: T.func.required,
7-
children: T.object
8-
};
9-
104
componentDidMount() {
115
document.addEventListener('keydown', this._handleKeyDown);
126
}

docs/examples/utils.js

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,6 @@
11
import React from 'react';
2-
import T from 'prop-types';
32

43
export class StateContainer extends React.Component {
5-
static propTypes = {
6-
children: T.func.required
7-
};
8-
94
state = {
105
on: false
116
};

docs/readme.mdx

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,3 +59,55 @@ The example files are in `docs/examples` directory.
5959
</Playground>
6060

6161
Note: `StateContainer` is for demo purpose only and used for state management.
62+
63+
## Continuation
64+
*Could be used for creating dropdown menu framework, datepicker, etc.*
65+
66+
### Hover Continuation
67+
<Playground>
68+
<BasicTooltipTrigger
69+
tooltip={
70+
<BasicTooltipTrigger
71+
tooltip={
72+
<BasicTooltipTrigger placement="bottom" tooltip="Four">
73+
Three
74+
</BasicTooltipTrigger>
75+
}
76+
>
77+
Two
78+
</BasicTooltipTrigger>
79+
}
80+
>
81+
One
82+
</BasicTooltipTrigger>
83+
</Playground>
84+
85+
86+
### Click Continuation
87+
<Playground>
88+
<BasicTooltipTrigger
89+
trigger="click"
90+
tooltip={
91+
<BasicTooltipTrigger
92+
trigger="click"
93+
tooltip={
94+
<BasicTooltipTrigger
95+
trigger="click"
96+
placement="bottom"
97+
tooltip={
98+
<BasicTooltipTrigger trigger="click" tooltip="Five">
99+
Four
100+
</BasicTooltipTrigger>
101+
}
102+
>
103+
Three
104+
</BasicTooltipTrigger>
105+
}
106+
>
107+
Two
108+
</BasicTooltipTrigger>
109+
}
110+
>
111+
One
112+
</BasicTooltipTrigger>
113+
</Playground>

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,8 @@
9292
},
9393
"eslintIgnore": [
9494
"dist",
95-
"lib"
95+
"lib",
96+
"docs"
9697
],
9798
"peerDependencies": {
9899
"react": "^16.3.0",

0 commit comments

Comments
 (0)