This is a simple component to show floating hints highlighting product features.
In your React project folder run:
npm install react-hints --save
-
Import
react-hints
into your component.import Hint from 'react-hints';
-
In your render, wrap some element with the
<Hint />
component. Here is a<button />
wrapped:<Hint id="hint-1" message="You can put the hint at any side of the element." position="top"> <button className="btn btn-lg btn-default"> Action! </button> </Hint>
-
Read more about what each prop means here.
react-hints is available under MIT. See LICENSE for more details.