Workspace / Modals

Alert Modal

Provides information relating to the component action. For example, when a user presses a delete button, you can have an alert modal pop up to let the user know they can't undo a delete action.

Overview

  • Release version
    Yokohama
  • Available sinceQuebec
  • A11YNot compliant
ServiceNow link
Alert Modal code documentation

UIB and developer guidance

Figma link
Alert Modal Figma component

Figma library with components for designing Workspace.

Anatomy

  1. Header: Text title accompanied by a close button
  2. Content slot: Container for the main content of the modal; the content can be text, forms, lists, cards, or other elements
  3. "Close" action: Iconic button for exiting the modal
  4. Footer: Container for buttons related to the content of the modal

To learn about how to add and configure an Alert Modal to a page, see Add modal to component.