Create a custom branding alert


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:


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

Last updated