/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

3 votes200 views2 answers
React usestate functional update
Javascript React
0 vote229 views1 answer
How to load a javascript game from react
Javascript React
3 votes193 views3 answers
Adding donet chart text center in react
Javascript React
0 vote193 views1 answer
Mock createRef jest react functional component
Javascript React
0 vote202 views1 answer
React native navigate two screens back
Javascript React
0 vote188 views1 answer
Libraries like html-react-parser
Javascript React
0 vote193 views1 answer
Switch button react value
Javascript React
1 vote194 views1 answer
How to authenticate token in react using axios
Javascript React
0 vote217 views1 answer
React yup password with number string and uppercase
Javascript React
0 vote197 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React