Tooltip
Display contextual information when users hover or focus on an element using different sizes, variants, placements, radius, and states.
Import
import { Tooltip } from "@shivms/ui";Explore tooltip sizes, variants, placement options, border radius, and component states using the examples below.
Basic
Default
Tooltip Content
Sizes
Extra Small
Tooltip Content
Small
Tooltip Content
Medium
Tooltip Content
Large
Tooltip Content
Extra Large
Tooltip Content
Variants
Default
Tooltip Content
Bordered
Tooltip Content
Filled
Tooltip Content
Ghost
Tooltip Content
Placements
Top
Tooltip Content
Right
Tooltip Content
Bottom
Tooltip Content
Left
Tooltip Content
Radius
None
Tooltip Content
Small
Tooltip Content
Medium
Tooltip Content
Large
Tooltip Content
Full
Tooltip Content
States
Default
Tooltip Content
Loading
Tooltip Content
Disabled
Tooltip Content