Power Apps Button Components

Red, for delete, remove and cancel the order. Filled, or outlined for the less final version. Optional trash icon. Light and dark.

Brand-colored text on nothing, a tint on hover. For the third action in a row, toolbars and Show more. Optional icon. Light and dark.

A text that works like a link, in the brand color, darker on hover. For Forgot password, View all and legal links. Optional URL. Light and dark.

A button with a count in a small pill: Approvals 3. Outline or filled, optional icon. Light and dark.

A chevron and Back that calls Back(). Ghost by default, outline if you want a border. Light and dark.

The main action on the left, a chevron on the right that opens a short menu of related actions: Save, then Save and new, Save as draft. Light and dark.

A bar along the bottom of the screen with Cancel and Save and a line that says there are unsaved changes. The bar every edit screen needs; pastes pinned to the bottom. Light and dark.

The filled brand button. Three sizes, width that follows the text, an optional icon left or right. The one button every screen has. Light and dark.

An icon with a text, or the icon alone in a round button with a tooltip. Filled, outline or ghost. Light and dark.

A bordered button for the second action next to a primary one: Cancel, Back, Skip. Optional icon. Light and dark.

Tap it and the text gives way to a spinning ring and Saving... while a variable is true; the button is disabled meanwhile. A demo timer switches it back. Light and dark.

A two-color gradient from the brand color to a darker shade, or your own two colors. Drawn as an image, no HTML control needed. Light and dark.

The primary button with a bold drop shadow, for the one action that must stand out on a busy screen. Light and dark.

Connected segments in one outlined track, the active one tinted in the brand color. For a choice that changes a view or a filter: List, Board, Calendar. Three sizes and a scale. Light and dark.