/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

1 vote166 views1 answer
Java.lang.outofmemoryerror (no error message) react native
Javascript React
0 vote160 views1 answer
Reset reactive state vue 3
Javascript React
0 vote158 views1 answer
Auto scroll to view react-native
Javascript React
0 vote163 views1 answer
Ng-class equivalent in react
Javascript React
1 vote154 views2 answers
Switch in react
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
15 votes149 views2 answers
Expo react navigation
Javascript React
1 vote173 views1 answer
Module '"../../../node_modules/react-native"' has no exported member 'View'
Javascript React
0 vote144 views1 answer
React-native-quick-scroll npm
Javascript React
3 votes222 views2 answers
React native image fit container
Javascript React