Skip to content
All 6 kits from $99 · Everything Bundle $149

Tooltip

DisplayWeb + NativeMIT
View in Storybook

Hover tooltip with configurable delay, placement, and content.

bun add @otfdashkit/ui

Preview

Tooltip
Loading Storybook preview…

Code

import { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from '@otfdashkit/ui'
import { Button } from '@otfdashkit/ui'

export function Example() {
  return (
    <TooltipProvider>
      <div className="flex gap-4">
        <Tooltip>
          <TooltipTrigger asChild>
            <Button variant="outline">Hover me</Button>
          </TooltipTrigger>
          <TooltipContent>
            <p>This is a tooltip</p>
          </TooltipContent>
        </Tooltip>
      </div>
    </TooltipProvider>
  )
}

Free with the SDK. This component ships in @otfdashkit/ui under the MIT license.