Dialog

A modal layer: a scrim behind a surface; focus stays inside, Escape and a click outside close it.

Library

Metal UI

Framework

React + SwiftUI

Type

ui

License

MIT

Dependencies

@base-ui/react@^1.8.0

Files

• packages/metalui/src/components/dialog/dialog.tsx
• packages/metalui/src/components/surface/surface.tsx

Source

https://github.com/vijayksingh/metalui

Categories

• Modal Components
• React Modal Components
• Tailwind CSS Modal Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components

More from Metal UI

• Alert dialog
• Accordion
• Attachment
• Avatar
• AI composer
• Availability picker
• Settings
• Share panel
• Block silhouette
• Studio week
• Task inbox
• Breadcrumbs