/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 vote266 views1 answer
How to remove console.log from react native app
Javascript React
0 vote257 views1 answer
Get id button clicked react
Javascript React
0 vote268 views1 answer
React electron desktop app
Javascript React
0 vote259 views1 answer
Expo cli vs react native cli
Javascript React
0 vote244 views1 answer
Gradle error react native
Javascript React
1 vote256 views1 answer
React-native-paper password input
Javascript React
10 votes287 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
0 vote246 views1 answer
ExoPlayer with auto linking react native
Javascript React
0 vote258 views1 answer
How to use empty href link in reactjs
Javascript React
1 vote247 views1 answer
When i go srource in react app in chrome i see my files
Javascript React