Secondary Button

The Secondary Button is the quiet companion to your primary action — an outlined, transparent control with a muted label and a subtle border. It signals a lower-priority choice (cancel, back, dismiss) without competing for attention, keeping your Power Apps screens calm and legible.

Palette:

Original palette · works in every Power Apps locale

Paste directly into Power Apps Studio

YAML source

# Secondary Button — PowerBlocks (FREE)
# Border + rounded corners live on the container (Rectangle has no Radius properties).

- SecondaryButton:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      Width: =320
      Height: =44
      Fill: =RGBA(0, 0, 0, 0)
      BorderColor: =RGBA(64, 64, 64, 1)
      BorderThickness: =1
      RadiusTopLeft: =8
      RadiusTopRight: =8
      RadiusBottomLeft: =8
      RadiusBottomRight: =8
      DropShadow: =DropShadow.None
    Children:
      - BtnLabel:
          Control: Label
          Properties:
            Text: ="Cancel"
            X: =0
            Y: =0
            Width: =Parent.Width
            Height: =Parent.Height
            # Readable on the white canvas by default.
            # DARK background variant: RGBA(163, 163, 163, 1).
            Color: =RGBA(82, 82, 82, 1)
            Align: =Align.Center
            VerticalAlign: =VerticalAlign.Middle
            FontWeight: =FontWeight.Semibold
            Size: =14

Common use cases

Cancel and dismiss actions

Pair it next to a Primary Button so users can back out of a form or modal without confusion.

Tertiary navigation

Use it for 'Learn more' or 'View details' links where you want a button affordance but not full emphasis.

Toolbar groupings

Combine several secondary buttons in a row for filter or view-switch toolbars where no single option should dominate.

How to use Secondary Button in Power Apps

1Open the component page — the YAML uses the invariant Power Fx syntax and works in every Power Apps locale.
2Click "Copy YAML" to copy the full component definition to your clipboard.
3In Power Apps Studio, open your screen in the Tree view and paste (Ctrl+V) — the component appears ready to use.
4Rebind the data-driven properties (Items, OnSelect, Fill, Text) to your own data source and theme.

Tip — Match its height and corner radius to your Primary Button so the two read as a coherent pair when placed side by side.

Related buttons components

FREE

Primary Button

FREE

Icon Button

FREE

Toggle Visibility Button

PRO

Badge / Tag