Tooltips, Popovers & Hover Cards
Tooltip, popover, and hover card components with visual previews for all components.
import { ... } from "@/components/blocks/tooltips"TooltipSimple
FreeImport TooltipSimple from @/components/blocks/tooltips
TooltipRich
ProImport TooltipRich from @/components/blocks/tooltips
TooltipWithArrow
FreeImport TooltipWithArrow from @/components/blocks/tooltips
TooltipWithoutArrow
ProImport TooltipWithoutArrow from @/components/blocks/tooltips
TooltipTop
ProImport TooltipTop from @/components/blocks/tooltips
TooltipBottom
ProImport TooltipBottom from @/components/blocks/tooltips
TooltipLeft
ProImport TooltipLeft from @/components/blocks/tooltips
TooltipRight
ProImport TooltipRight from @/components/blocks/tooltips
TooltipDark
ProImport TooltipDark from @/components/blocks/tooltips
TooltipLight
ProImport TooltipLight from @/components/blocks/tooltips
TooltipWithIcon
ProImport TooltipWithIcon from @/components/blocks/tooltips
TooltipWithImage
ProImport TooltipWithImage from @/components/blocks/tooltips
TooltipDelayed
ProImport TooltipDelayed from @/components/blocks/tooltips
TooltipInstant
ProImport TooltipInstant from @/components/blocks/tooltips
TooltipInteractive
ProImport TooltipInteractive from @/components/blocks/tooltips
TooltipStatic
ProImport TooltipStatic from @/components/blocks/tooltips
TooltipMultiline
ProImport TooltipMultiline from @/components/blocks/tooltips
TooltipSingleLine
ProImport TooltipSingleLine from @/components/blocks/tooltips
TooltipWithShortcut
ProImport TooltipWithShortcut from @/components/blocks/tooltips
TooltipWithAction
ProImport TooltipWithAction from @/components/blocks/tooltips
TooltipHelp
ProImport TooltipHelp from @/components/blocks/tooltips
TooltipInfoIcon
ProImport TooltipInfoIcon from @/components/blocks/tooltips
PopoverSimple
ProImport PopoverSimple from @/components/blocks/tooltips
PopoverRich
ProImport PopoverRich from @/components/blocks/tooltips
PopoverWithHeader
ProImport PopoverWithHeader from @/components/blocks/tooltips
PopoverWithForm
ProImport PopoverWithForm from @/components/blocks/tooltips
PopoverWithList
ProImport PopoverWithList from @/components/blocks/tooltips
PopoverMenu
ProImport PopoverMenu from @/components/blocks/tooltips
PopoverDropdown
ProImport PopoverDropdown from @/components/blocks/tooltips
PopoverCard
ProImport PopoverCard from @/components/blocks/tooltips
PopoverPanel
ProImport PopoverPanel from @/components/blocks/tooltips
PopoverConfirm
ProImport PopoverConfirm from @/components/blocks/tooltips
PopoverDelete
ProImport PopoverDelete from @/components/blocks/tooltips
PopoverInfo
ProImport PopoverInfo from @/components/blocks/tooltips
PopoverHelp
ProImport PopoverHelp from @/components/blocks/tooltips
PopoverFilter
ProImport PopoverFilter from @/components/blocks/tooltips
PopoverSettings
ProImport PopoverSettings from @/components/blocks/tooltips
PopoverProfile
ProImport PopoverProfile from @/components/blocks/tooltips
PopoverUser
ProImport PopoverUser from @/components/blocks/tooltips
HoverCardSimple
ProImport HoverCardSimple from @/components/blocks/tooltips
HoverCardRich
ProImport HoverCardRich from @/components/blocks/tooltips
HoverCardUser
ProImport HoverCardUser from @/components/blocks/tooltips
HoverCardProfile
ProImport HoverCardProfile from @/components/blocks/tooltips
HoverCardProduct
ProImport HoverCardProduct from @/components/blocks/tooltips
HoverCardPreview
ProImport HoverCardPreview from @/components/blocks/tooltips
HoverCardLink
ProImport HoverCardLink from @/components/blocks/tooltips
HoverCardArticle
ProImport HoverCardArticle from @/components/blocks/tooltips
HoverCardWithImage
ProImport HoverCardWithImage from @/components/blocks/tooltips
HoverCardWithStats
ProImport HoverCardWithStats from @/components/blocks/tooltips
HoverCardCompact
ProImport HoverCardCompact from @/components/blocks/tooltips
HoverCardExpanded
ProImport HoverCardExpanded from @/components/blocks/tooltips
HoverCardAnimated
ProImport HoverCardAnimated from @/components/blocks/tooltips
HoverCardDelayed
ProImport HoverCardDelayed from @/components/blocks/tooltips
All 54 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/tooltips