Back to Alert Dialogs
Security Alert
A destructive-toned alert dialog listing the device, location, and time of a suspicious sign-in before prompting a security action.
New sign-in detected
We noticed a login from a device we haven't seen before.
DeviceWindows · Chrome
LocationTashkent, UZ
Time2 min ago
Alert Dialogsdialogalert-dialogmodaldestructivesecurity
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Dependencies: lucide-react
Overview
Layout
Bordered device/location/time detail rows
Color
text-destructive icon chip + destructive confirm button
Actions
It was me (dismiss) / Secure account (destructive confirm)
Accessibility
Detail rows announce label then value in reading order