Toast / Snackbar

The Toast (or Snackbar) is a brief, non-blocking notification for Power Apps: a small bottom card with a status dot, a message and an optional action like Undo, shown and hidden with a single variable. It is the standard, unobtrusive way to confirm an action without a modal.

Power Apps locale:

Paste directly into Power Apps Studio

Changes savedUndo

YAML source

# Toast / Snackbar — PowerBlocks (FREE)
# A bottom notification with an icon, message and optional action, toggled by a variable.
# STEP 1 — Show it:  Set(varToast, true)   // hide with Set(varToast, false)
#          (auto-hide: start a Timer of 3000ms on show that sets varToast=false)
# STEP 2 — Paste; the whole group's Visible is bound to varToast.

- Toast:
    Control: GroupContainer@1.3.0
    Variant: ManualLayout
    Properties:
      X: =40
      Y: =520
      Width: =360
      Height: =52
      Visible: =Coalesce(varToast, false)
      Fill: =RGBA(31, 41, 55, 1)
      RadiusTopLeft: =12
      RadiusTopRight: =12
      RadiusBottomLeft: =12
      RadiusBottomRight: =12
    Children:
      - ToastDot:
          Control: Rectangle@2.3.0
          Properties:
            X: =16
            Y: =22
            Width: =8
            Height: =8
            Fill: =RGBA(34, 197, 94, 1)
            RadiusTopLeft: =999
            RadiusTopRight: =999
            RadiusBottomLeft: =999
            RadiusBottomRight: =999
      - ToastText:
          Control: Label@2.5.1
          Properties:
            Text: ="Changes saved"
            X: =36
            Y: =0
            Width: =220
            Height: =52
            VerticalAlign: =VerticalAlign.Middle
            Color: =RGBA(255, 255, 255, 1)
            Size: =12
      - ToastAction:
          Control: Button@2.2.0
          Properties:
            Text: ="Undo"
            X: =280
            Y: =10
            Width: =68
            Height: =32
            Fill: =RGBA(0, 0, 0, 0)
            Color: =RGBA(147, 197, 253, 1)
            Size: =12
            FontWeight: =FontWeight.Semibold
            BorderThickness: =0
            OnSelect: =Set(varToast, false)

Common use cases

Save confirmations

Tell the user a record was saved without interrupting them.

Undo actions

Offer a quick Undo after a delete or change.

Light errors

Surface a soft warning that auto-dismisses.

How to use Toast / Snackbar in Power Apps

1Show it with Set(varToast, true) after an action.
2Choose your locale (EN or FR) and click "Copy YAML".
3Paste the control onto your screen.
4For auto-dismiss, start a 3000ms Timer on show whose OnTimerEnd sets Set(varToast, false).

Tip — Recolor the status dot by outcome (green success, red error) and keep the toast anchored to the bottom of the screen.