/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 votes223 views4 answers
Add new array at the back of react state
Javascript React
0 vote277 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote272 views1 answer
Unrecognized font family fontawesome react native ios
Javascript React
0 vote263 views3 answers
Run react native with debugger breakpoint
Javascript React
2 votes309 views1 answer
How to add bootstrap by downloading in react js
Javascript React
56 votes241 views6 answers
Useref react
Javascript React
8 votes276 views2 answers
React fragment
Javascript React
0 vote271 views1 answer
How to add icon in react js
Javascript React
108 votes271 views2 answers
Make react project
Javascript React
-2 votes271 views1 answer
Starter react redux project
Javascript React