Skip to content
Overlays

Tooltip

A small popup that appears on hover to provide additional context. Must be wrapped in a TooltipProvider.

Sourcesrc/components/ui/tooltip.tsx

Import

import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "@mikenotthepope/substrateui"

Composition

TooltipProvider
└── Tooltip
    ├── TooltipTrigger
    └── TooltipContent

API Reference

PropTypeDefaultDescription
content
required
React.ReactNode—The content displayed inside the tooltip. Passed as children of TooltipContent.
side"top" | "right" | "bottom" | "left""top"The preferred side of the trigger to render the tooltip.
align"start" | "center" | "end""center"The preferred alignment against the trigger.