LibraryToggle
FREEforms
Toggle
The Toggle is a clean, labeled on/off row for Power Apps settings and forms — a description on the left, the native toggle on the right, wrapped in a styled card. It gives every boolean setting a consistent, professional look you read with a simple ToggleInput.Value.
Power Apps locale:
Paste directly into Power Apps Studio
Email notifications
YAML source
# Toggle — PowerBlocks (FREE)
# A labeled on/off row built on the native toggle control.
# NOTE: wraps the NATIVE toggle — if the version differs, let Studio auto-upgrade on paste.
# STEP 1 — Paste. STEP 2 — Read the state anywhere with ToggleInput.Value (true/false).
- ToggleRow:
Control: GroupContainer@1.3.0
Variant: ManualLayout
Properties:
X: =40
Y: =40
Width: =360
Height: =56
Fill: =RGBA(23, 31, 46, 1)
RadiusTopLeft: =12
RadiusTopRight: =12
RadiusBottomLeft: =12
RadiusBottomRight: =12
Children:
- ToggleLabel:
Control: Label@2.5.1
Properties:
Text: ="Email notifications"
X: =16
Y: =0
Width: =260
Height: =56
VerticalAlign: =VerticalAlign.Middle
Color: =RGBA(255, 255, 255, 1)
Size: =13
- ToggleInput:
Control: Classic/Toggle@2.1.0
Properties:
X: =300
Y: =14
Width: =48
Height: =28
Default: =false
TrueFill: =RGBA(37, 99, 235, 1)
Common use cases
Settings screens
Enable or disable features, notifications or preferences.
Form options
Capture yes/no answers inline with other fields.
Feature flags
Let admins flip behaviours on and off.
How to use Toggle in Power Apps
- 1Choose your locale (EN or FR) and click "Copy YAML".
- 2Paste the control onto your screen.
- 3If prompted, let Studio upgrade the toggle to your environment's version.
- 4Read the state with ToggleInput.Value and react in OnChange.
Tip — Stack several toggle rows with a small gap for a tidy settings list, and recolor with your Design System Kit tokens.