Although the following examples use the <h3> tag for the title element, the styling provided by Fiori Fundamentals will remain consistent for any heading level used. <h1> should be reserved for the page title.
This is used to present information to the user but the Alert Component doesn’t fit all the information.
Thew new product have been added to your catalog.
Automatic Product ID: PD-3465334
Expiration date: 13/03/2018
This is used to confirm with the user before continuing with a destructive or complex action. In this case, the modal has action buttons at the bottom.
Do you want to delete item X?
This is used for short forms in order to collect information from the user.