Dialog · Components

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

Usage

For edits with a form. Confirmations use AlertDialog.

API

<Dialog><DialogTrigger asChild /><DialogContent><DialogHeader /><DialogFooter /></DialogContent></Dialog>

Get it

Already in every copy of the native kit:

import { Dialog } from '@/components/ui/dialog';

Details

Exports: Dialog
Source: apps/mobile/components/ui/dialog.tsx
Packages: @rn-primitives/dialog@^1.5.2, lucide-react-native@^1.21.0, react-native-reanimated@4.5.1, react-native-screens@~4.26.0
Installs with: @kit-native/icon, @kit-native/lib-utils, rnr/native-only-animated-view
Also searched as: modal, form modal
Registry JSON: /r/native/dialog.json

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

API

<Dialog><DialogTrigger asChild /><DialogContent><DialogHeader><DialogTitle /></DialogHeader>…</DialogContent></Dialog>

Get it

Already in every copy of the web kit:

import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose } from '@/components/ui/dialog';

Details

Exports: Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, DialogClose
Source: apps/web/components/ui/dialog.tsx
Upstream: Unchanged from shadcn/ui; installs from their registry.

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