Modal - CMN Hospitals Design System

Overview

Modals focus the user's attention exclusively on one task or piece of information via a window that sits on top of the page content.

Example

Select Variant

Properties

Property	Description	Type	Values	Default	Required
primaryLabel	The label for the primary action	String			✓
content	The content of the modal	string
secondaryLabel	The label for the secondary action	string
title	The title of the modal	string
show	Show and hide the modal	boolean		false
closeOnOutsideClick	Close the modal on outside click	boolean		true
primaryFocus	Focus on the primary action	boolean		true
showSpinner	Shows a spinner	boolean		false
spinnerText	The text of the spinner	string

Slots

Name	Description
default	The content of the modal
icon	The icon for the modal title