Create an error alert dismissible

Overview

This page walks you through configuring the Alert component to display an error message. that is dismissible.

Result

The final result will look like this:

Steps

The steps to create an error alert that is dismissible are as follows:

1. Add the Alert component

• Drag the Alert component from the components list to our screen flow (located under the custom section)

• Enter an API Name. For example, Alert.

2. Configure the Alert component

• Open the Component Builder to access all settings

• Select the variant: error

• Icon name: utility:error

• Is dismissible: set to true

• Content: My error message