Modal - Native

A system native modal that displays critical notifications, or messages within an app, adhering to platform design guidelines.

Overview

A modal native is a platform-level overlay that appears over the page's main content, rendered using the operating system's built-in components. Known as a Dialog on Android and an Alert on iOS, it is used to display information, gather input or confirm actions.

Example of a native modal that contains a title, body, and actions.

Resources

Figma Web Component	N/A
Figma App Component	Stable
Web Components	N/A
Vue [Fozzie]	N/A
React [Snacks]	N/A
iOS JustUI [UI Kit]	Stable
iOS PIE [SwiftUI]	Stable
Android PIE [Compose & Views]	Beta