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.


Example

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.

“`jsx
return (

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


Tooltip on {placement}.

}
>

))}
>
);
“`

Generate comment with AI 2 nL
Scroll to Top