/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

1 vote437 views1 answer
React waypoint loadmore not working
Javascript React
29 votes138 views6 answers
If react
Javascript React
0 vote142 views1 answer
React-with-firebase-auth
Javascript React
0 vote139 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
2 votes142 views1 answer
Cursor to pointer in react
Javascript React
93 votes145 views6 answers
React router dom install
Javascript React
6 votes146 views1 answer
React hooks scss supoort
Javascript React
1 vote165 views3 answers
Npm update react
Javascript React
4 votes135 views1 answer
React native radio buttons
Javascript React
1 vote173 views1 answer
Textinput onpress react native
Javascript React