Modal
Modal displays content related to a minor job within a page’s main job that demands complete attention. It interrupts a flow and blocks interactions outside the overlay.
Optional props
onClose
Callback fired when the backdrop or close button is clicked.
open
Whether the modal is open or not
portal
Whether to render the modal inside a portal or not
size
Modal size
Related components
Toast
Toasts can appear at any time to provide instant feedback on actions. They are usually temporary, but can also require the user to dismiss.
Page
The Page structure helps users to easily identify where they are, view content essential to the main job, and perform related actions.
Alert
Alerts call attention to a semantic message and load alongside the rest of the page content. They can optionally be dismissed upon user action.
ContextualHelp
Contextual Help is represented by a question mark trigger that is positioned next to an element and displays its definition when clicked.