Tooltips provides information about a particular element when you hover on that element.
ToolTip
good for giving clues
| Prop | Description | Value(s) |
|---|---|---|
| `tip` | Defines the position of your tip | `top , bottom , left , right` |
| `animation` | to create an animation effect | `ScaleUp , Opacity` |
| `duration` | To create animation duration | `number` |
#
Top ToolTip
Let's create a top tool tip with a scale up animation of 0.5seconds
React / Next.js Show Source Code
Hello world!
#
Bottom ToolTip
Let's create a bottom tool tip with a fade in animation of 1s
React / Next.js Show Source Code
Hello world!
#
Simple Bar
You can use this bar for a fixed navbar at the bottom for mobile screens
React / Next.js Show Source Code
Visit profile Messages settings