SAV Design/Alert Dialog

Alert Dialog

Modal confirmation dialog that interrupts the user; sharp-cornered Sera variant on Base UI AlertDialog.

UI primitivesregistry:ui

Install

npx shadcn@latest add @sav/alert-dialog

Needs "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/alert-dialog.json.

Preview

Files

  • registry/sav/ui/alert-dialog.tsx→ @ui/alert-dialog.tsx

Dependencies

Registry items

npm packages

@base-ui/react, cn