Category Archives: React

React-Tooltip

Липень 30, 2018 by admin

import Tooltip from 'react-tooltip'; ... const tooltipMessage = (visible) => visible ? 'Hide' : 'Show'; const Bottom = ({ visible }) => ( <Wrapper> <Tooltip id="my_tooltip" multiline effect="solid" type="info" className="my_class_tooltip" getContent={() => tooltipMessage(visible)} /> <VisibleButton onClick={...} type="button" data-for="my_tooltip" data-tip="" > </Wrapper> );

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

import Tooltip from 'react-tooltip';   ...   const tooltipMessage = (visible) => visible ? 'Hide' : 'Show';   const Bottom = ({ visible }) => (   <Wrapper>     <Tooltip       id="my_tooltip"       multiline       effect="solid"       type="info"       className="my_class_tooltip"       getContent={() => tooltipMessage(visible)}     />     <VisibleButton       onClick={...}       type="button"       data-for="my_tooltip"       data-tip=""     >   </Wrapper> );