/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

0 vote111 views2 answers
React native view background transparency
Javascript React
0 vote99 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote103 views1 answer
How to change grid size with conditional expression in react
Javascript React
1 vote52 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
0 vote179 views1 answer
Array map order by timestamp reactjs
Javascript React
2 votes98 views1 answer
React state object key value
Javascript React
3 votes102 views2 answers
React is there a safe area view for android
Javascript React
-1 vote55 views1 answer
Array.filter react
Javascript React
0 vote90 views1 answer
Changing map style react-leaflet
Javascript React
0 vote187 views1 answer
Nice react native shadow
Javascript React