/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 votes196 views3 answers
Image react native base64
Javascript React
5 votes182 views1 answer
Wrap text react native
Javascript React
0 vote189 views1 answer
Get position of element in react
Javascript React
0 vote211 views1 answer
Module not found: Can't resolve 'react-chartjs-2'
Javascript React
0 vote168 views1 answer
How to empty input field in react
Javascript React
2 votes226 views1 answer
React native navigation hide navbar
Javascript React
10 votes178 views1 answer
Device height react native
Javascript React
0 vote208 views1 answer
Icon with label in react native
Javascript React
0 vote203 views1 answer
React native scrollview in modal
Javascript React
0 vote210 views1 answer
Npm i react-use-navigator-permissions
Javascript React