Create a custom branding alert

Overview

This page walks you through configuring the Alert component to display a custom message. We will dive into some styling settings.

The final result will look like this:

Steps

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: warning

• Icon name: utility:warning

• Content: My warning message

3. Style the Alert component

• Go to the Style Panel

• Change the Text Font Weight to 700- Bold

• Change the background color to: #fcc003