search

Custom Alerts

FlexDash includes a Custom Alerts system designed to replace the default snack bar with a more elegant and interactive alternative. These alerts appear at the bottom of the screen and allow users to continue interacting with the app while the notification is displayed, giving a more professional experience.

Alerts automatically fade in, remain visible for a configurable duration, and then fade out. Users can also dismiss them manually by clicking the close button.

hashtag
Alert Types

The style of each alert (color and icon) is determined by the type parameter:

  • Success (type = 1): Green background with a checkmark icon ✅

  • Info (type = 2): Blue background with an info icon ℹ️

  • Error (type = 3): Red background with an error icon ❌

hashtag
Parameters

The customAlerts action accepts the following parameters:

  • title (String, required): The main text displayed on the alert.

  • message (String, optional): An additional description. If omitted, the alert will display the title only.

  • duration (Double, optional): Duration in seconds before the alert disappears automatically. Defaults to 4 seconds if not provided.

  • type (Int, required): Defines the alert style (1 = Success, 2 = Info, 3 = Error).

✅ With these parameters, developers can trigger flexible, styled alerts anywhere inside FlexDash while maintaining consistent UI/UX across the app.

PreviousPage structureNextSidebar

Last updated