File tree Expand file tree Collapse file tree 4 files changed +54
-12
lines changed Expand file tree Collapse file tree 4 files changed +54
-12
lines changed Original file line number Diff line number Diff line change 11import React from 'react' ;
2- import T from 'prop-types' ;
32
43export 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 }
Original file line number Diff line number Diff line change 11import React from 'react' ;
2- import T from 'prop-types' ;
32
43export class StateContainer extends React . Component {
5- static propTypes = {
6- children : T . func . required
7- } ;
8-
94 state = {
105 on : false
116 } ;
Original file line number Diff line number Diff line change @@ -59,3 +59,55 @@ The example files are in `docs/examples` directory.
5959</Playground >
6060
6161Note: ` 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 >
Original file line number Diff line number Diff line change 9292 },
9393 "eslintIgnore" : [
9494 " dist" ,
95- " lib"
95+ " lib" ,
96+ " docs"
9697 ],
9798 "peerDependencies" : {
9899 "react" : " ^16.3.0" ,
You can’t perform that action at this time.
0 commit comments