/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

26 votes62 views4 answers
React context
Javascript React
4 votes99 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote111 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote99 views1 answer
Usenavigate react router dom v6
Javascript React
1 vote110 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
1 vote103 views1 answer
React native object is empty
Javascript React
0 vote102 views1 answer
Textalignvertical not working in ios react native
Javascript React
0 vote169 views1 answer
Reactstrap form post
Javascript React
0 vote106 views1 answer
CChartpie react
Javascript React
0 vote55 views0 answer
React
Javascript React