/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

4 votes374 views3 answers
React native keystore
Javascript React
31 votes376 views2 answers
React-router-dom npm
Javascript React
1 vote372 views1 answer
React case switch not working
Javascript React
0 vote404 views2 answers
Install boxicons in react
Javascript React
6 votes436 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote330 views1 answer
How to enable emit on react in vs code
Javascript React
1 vote412 views3 answers
React native port
Javascript React
5 votes362 views1 answer
React dom
Javascript React
1 vote348 views1 answer
React best way of forcing component to update
Javascript React
1 vote370 views2 answers
React chartjs 2
Javascript React