Popover · Components

A small anchored panel for a quick edit or extra detail next to its trigger. For a full form use Dialog; for a list of actions use DropdownMenu.

The native kit's real component, live in its web build at phone width. Follows this site's theme.

Usage

A small anchored panel for a quick edit or extra detail next to its trigger. For a full form use Dialog; for a list of actions use DropdownMenu.

<Popover><PopoverTrigger asChild /><PopoverContent side /></Popover>

Already in every copy of the native kit:

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

Exports: Popover
Source: apps/mobile/components/ui/popover.tsx
Packages: @rn-primitives/popover@^1.5.2, react-native-reanimated@4.5.1, react-native-screens@~4.26.0
Installs with: @kit-native/lib-utils, @kit-native/text, rnr/native-only-animated-view
Also searched as: bubble, anchored
Registry JSON: /r/native/popover.json

The web kit's real component, live. Follows this site's theme.

Already in every copy of the web kit:

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

Agents: the whole registry is at /llms.txt.