/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 vote134 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
0 vote168 views1 answer
Input type disappear side scroll react
Javascript React
1 vote119 views1 answer
React native grid view
Javascript React
0 vote138 views1 answer
Timezone in react js
Javascript React
26 votes120 views5 answers
React font-awesome
Javascript React
0 vote164 views1 answer
Download images from http link in react
Javascript React
0 vote121 views1 answer
Aframe react
Javascript React
18 votes134 views6 answers
React native release apk command
Javascript React
1 vote128 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
1 vote121 views1 answer
How to set state when change viewport react
Javascript React