Dialog

Modal dialog with title/description/footer slots.

Install

npx github:truongnat/rnui#cli add dialog

or directly via the shadcn CLI:

npx shadcn add https://<registry-base>/r/nativewind/dialog.json   # or /uniwind/

Usage

<Dialog open={open} onOpenChange={setOpen}>
  <DialogTitle>Confirm?</DialogTitle>
  <DialogDescription>Are you sure?</DialogDescription>
  <DialogFooter>
    <Button variant="ghost" onPress={() => setOpen(false)}>Cancel</Button>
    <Button onPress={() => setOpen(false)}>OK</Button>
  </DialogFooter>
</Dialog>

Source

• components/ui/dialog.tsx

Installs together with: utils, text, theme