Components

Modal

Component

Modal component is a dialog box or popup window that overlays on top of the main content, demanding user interaction. Modals are typically used to capture user inputs, display additional information, or guide user focus to a specific task, all without navigating away from the current context. It is often accompanied by a overlay to emphasize focus on the task at hand.

While powerful, the use of Modals should be balanced as they interrupt user workflow and could potentially lead to a disruptive user experience if overused. Modal component can effectively guide user actions, clarify complex tasks, and enhance overall interaction flow.

Properties (Cooming Soon)

Design Systems (3)

Microsoft Fluent 2

Google Material

Carbon Design