/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

3 votes235 views1 answer
Latest react version npm
Javascript React
5 votes286 views3 answers
Linear gradient css react js
Javascript React
4 votes245 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
-1 vote215 views1 answer
Array.filter react
Javascript React
1 vote261 views2 answers
Push state array react
Javascript React
0 vote235 views1 answer
Reactjs import electron
Javascript React
23 votes237 views2 answers
Reactjs app change port
Javascript React
108 votes230 views2 answers
Make react project
Javascript React
262 votes288 views6 answers
Create a react native project
Javascript React
1 vote246 views1 answer
SFC in react
Javascript React