Modal

Install

npx stylesheet-ui add modal

Usage

import { useState } from "react";
import { Modal } from "@/components/ui/modal";
import { Button } from "@/components/ui/button";

const [open, setOpen] = useState(false);

<Button onPress={() => setOpen(true)}>Open</Button>

<Modal
  visible={open}
  onClose={() => setOpen(false)}
  title="Delete account?"
  description="This can't be undone."
  footer={
    <>
      <Button variant="ghost" onPress={() => setOpen(false)}>Cancel</Button>
      <Button variant="destructive" onPress={() => setOpen(false)}>Delete</Button>
    </>
  }
/>