Alert Dialog
Modal confirmation that interrupts the user.
Vinyl styling: Same box-wipe / CRT-off motion as Dialog, scanline overlay, neon border.
Installation
npx shadcn@latest add @vinyl/alert-dialogThe @vinyl registry URL in components.json decides whether you get the web or the native version (see installation for web / native).
Usage
<AlertDialog>
<AlertDialogTrigger asChild><Button variant="destructive">Erase tape</Button></AlertDialogTrigger>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Erase side A?</AlertDialogTitle>
<AlertDialogDescription>This can't be undone.</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>Keep it</AlertDialogCancel>
<AlertDialogAction>Erase</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>API
Same API as shadcn/ui's Alert Dialog on the web, and React Native Reusables' Alert Dialog on native. Vinyl only changes styling and motion.