Dev Design Library

Alert dialog

A question that must be answered: the dialog's plate and motion; a click outside shakes it once on the refusal spring instead of closing it, and focus starts on Cancel.

Alert dialog preview
Library
Metal UI
Framework
React + SwiftUI
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0
Files
  • packages/metalui/src/components/alert-dialog/alert-dialog.tsx
  • packages/metalui/src/components/button/button.tsx
  • packages/metalui/src/motion/awake.ts
  • packages/metalui/src/motion/duration.ts
  • packages/metalui/src/motion/haptic.ts
  • packages/metalui/src/motion/hop.ts
  • packages/metalui/src/motion/indicator.tsx
  • packages/metalui/src/motion/layout-effect.ts
Source
https://github.com/vijayksingh/metalui

Categories

More from Metal UI