PowerBlocks
LibraryToast / Snackbar
FREEfeedback

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.

Palette:

Original palette · works in every 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
    Variant: ManualLayout
    Properties:
      X: =40
      Y: =520
      Width: =360
      Height: =52
      # Visible on paste so you can style it immediately. The Undo button
      # hides it (Set(varToast, false)); show it again with Set(varToast, true).
      Visible: =Coalesce(varToast, true)
      Fill: =RGBA(31, 41, 55, 1)
      RadiusTopLeft: =12
      RadiusTopRight: =12
      RadiusBottomLeft: =12
      RadiusBottomRight: =12
    Children:
      - ToastDot:
          Control: Circle
          Properties:
            X: =16
            Y: =22
            Width: =8
            Height: =8
            Fill: =RGBA(34, 197, 94, 1)
      - ToastText:
          Control: Label
          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: Classic/Button
          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

  1. 1Show it with Set(varToast, true) after an action.
  2. 2Click "Copy YAML" — the syntax is invariant and works in every Power Apps locale.
  3. 3Paste the control onto your screen.
  4. 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.