Toast

Using this action, you'll see a quick phone pop-up (like a snack message) that disappears.

This action allows you to display a temporary notification message, often referred to as a "toast," on the user's screen. Toast messages are typically used for:

  • Providing short feedback after user interactions (e.g., "Login successful!")

  • Highlighting important information that doesn't require immediate action

Opening Toast

  1. Add The Action

  2. Enter the Message

    • In the Message section, enter the message you want to display in the toast.

  3. Set the Duration

    • In the duration section, enter the duration of your toast in seconds (i.e., how many seconds the toast will be visible on the screen).

  4. Select the Toast Style

    • Tap the ">" icon to change the properties of the toast:

      • Background Color: Set the background color of the toast.

      • Border Radius: Set the border radius of the toast to make the corners rounded.

      • Height and Width: Set the height and width of the toast.

      • Padding and Margin: Customize the padding and margin of the toast.

      • Widget Alignment: Change the alignment of the toast within the screen.

  5. Select Text Style

    • Tap the ">" icon beside Text Style to customize the text styles:

      • Font Token Dropdown: Select the text styles from the available font tokens.

      • Custom Values Toggle: Toggle this on to change additional font properties:

        • Font Family: Select the desired font family.

        • Font Weight: Set the font weight.

        • Font Style: Set the font style (e.g., italic).

        • Italic Toggle: Toggle this on to make the font italic.

      • Text Color: Set the color of the text.

      • Text Background Color: Set the background color of the text.

      • Text Decoration: Add text decoration (e.g., underline, strike-through).

      • Text Decoration Color: Set the color for the text decoration.

By following these steps, you can Add Toast and customize the appearance and behavior of toast messages in your application.

Parameters of Toast

  1. Message: Enter the text you want displayed in the designated "Message" field.

  2. Duration: Choose the desired duration in seconds for the toast visibility.

Last updated