Dialog

A form of modal overlay that requires the user to interact with it and designed to elicit a response from the user. Dialogs inform users about critical information, require users to make decisions, or involve multiple tasks.

Usage

<amg-dialog size="portrait">
   icon = “icon-name” // or eyebrow = “Eyebrow text”
   title = “Dialog title”
   body = “Dialog body”
   <amg-button variant="tertiary">Cancel</amg-button>
   <amg-button variant="primary">Confirm</amg-button>
</amg-dialog>

Properties

Property	Default	Type	Description
Size	portriat	string	Specify the size of the dialog: portrait, landscape
icon		string	Specifies which icon should be shown.
eyebrow		string	Specifies the dialog’s eyebrow text.
title		string	Specifies the dialog’s title.
body		string	Specifies the dialog’s body text.

Content and child components

Element	Description
jsx <amg-button>	Accepts a maximum of two button components (primary and secondary).