NOCTA UI

Popover

Advanced popover component with smart positioning, collision detection, and smooth animations for displaying rich content

Installation

Install the Popover component using the nocta-ui CLI:

npx @nocta-ui/cli add popover

Import the component:

import {
  Popover,
  PopoverTrigger,
  PopoverContent
} from '@/components/ui/popover';

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Prop

Type

Hovercard

Contextual hovercards for showing lightweight profiles or previews on pointer hover with Ariakit primitives and smart positioning

Sheet

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