/Javascript/React/React tooltip data-tip

React tooltip data-tip

Data-tip react-tooltip

const Marker = ({ place }) => {
  const tip = `
    <div style="width: 18px; height: 18px; background-color: '#e01414';" >
      <h3>${place.name}</h3>
      <p>
        ${place.address}
        <br />
        ${place.number}
        <br />
      </p>
    </div>
  `;

  return (
    <>
      <Wrapper
        data-for="google"
        data-event="click focus"
        data-html={true}
        data-tip={tip}
      />
    </>
  )
};

Source: stackoverflow.com

Similar codes

-2 votes324 views1 answer
Reactjs cut part of string
Javascript React
1 vote306 views1 answer
Tab navigation react-native without title
Javascript React
0 vote326 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote309 views1 answer
React native camscanner application mobile code
Javascript React
0 vote328 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
18 votes287 views5 answers
How to use svg in react js
Javascript React
16 votes305 views1 answer
React native loop in render
Javascript React
3 votes304 views1 answer
Pass element from child to parent react
Javascript React
0 vote313 views1 answer
React shadow
Javascript React
0 vote303 views1 answer
React native elements bottom sheet close on back button press
Javascript React