NOCTA UI

Tooltip

A floating tooltip component that displays additional information on hover or focus with smart positioning and accessibility features

Installation

Install the Tooltip component using the nocta-ui CLI:

npx @nocta-ui/cli add tooltip

Import the components you need:

import {
  Tooltip,
  TooltipTrigger,
  TooltipContent,
} from '@/components/ui/tooltip';

Prop

Type

Prop

Type

Prop

Type

Sheet

A slide-out panel component that can be triggered from any side of the screen

Breadcrumb

Displays the path to the current resource using a hierarchy of links.