Alert dialog

A confirmation dialog for destructive or important actions that waits for async work, and becomes a bottom sheet on phones.

bypreet from Hextaui

Installation

terminal

pnpm dlx layro-cli add @preetsuthar17/alert-dialog

npx layro-cli add @preetsuthar17/alert-dialog

npx layro-cli add @preetsuthar17/alert-dialog

bunx layro-cli add @preetsuthar17/alert-dialog

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client"

import * as React from "react"
import { Drawer as AlertDialogPrimitive } from "@base-ui/react/drawer"
import { cva, type VariantProps } from "class-variance-authority"
import { cn } from "cn"

import { Button } from "@/components/ui/button"
import {
  Sheet,
  SheetContent,
  SheetOverlay,
  SheetPortal,
  SheetTrigger,

Free, with GitHub, Google or email. The install command above works without an account.

Versions

1.0.0 · current
Nov 6, 2026
First release.