ToolTip Component

To Share and +4 nLEARNs

import {WidgetEditor} from "@site/src/components/social-widget"

This special component displays a message once the mouse hovers over a particular DOM item. This component was imported into NEAR Social from React-Bootstrap and more info can be found here.


The code has been adopted and modified from the react-bootstrap documentation website. The snippet below demonstrates how to implement the message over a button and how to reposition it.

return (

{[“top”, “right”, “bottom”, “left”].map((placement) => (

Tooltip on {placement}.



Scroll to Top
Report a bug👀