Edit

Share via


Modern controls and properties in canvas apps

Modern controls in Power Apps provide an enhanced user experience with updated styling, improved accessibility, and better performance compared to classic controls. These controls follow Microsoft's Fluent Design System and offer a consistent, professional appearance across your canvas apps.

This reference guide covers the available modern controls and their properties. Each control serves a specific purpose—from basic interactions like buttons and text inputs to advanced features like Copilot integration and data visualization. Use these controls to build intuitive, accessible applications that align with modern design standards.

Before implementing modern controls in your app, review the overview of modern controls to understand key concepts and best practices.

Modern controls

Avatar – A control that shows a graphic representation of a user, team, or entity.

Badge – A badge is a visual decoration for UI elements.

Button – Interact with the app by clicking or tapping.

Card (preview) - Cards help makers create clean, responsive object summaries such as contact tiles, document previews, or product listings in either horizontal or vertical orientation.

Checkbox - Select or clear an option to specify true or false.

Combobox - A control that users can use to make selections from provided choices and supports search and multiple selections.

Copilot answer (preview) - A control that makers can use to add predefined questions that end users can use to get generated answers.

Date picker - A control that the user can select to specify a date.

Dropdown (preview) – Select a value from the list of items.

Header – A control that creates a modern app header.

Info button – Use this control to provide additional information to users.

Link – Open hyperlinks in new tab.

Number input - A number input control the user can modify.

Progress bar – Displays the progress, can be configured as determinate showcasing exact progress or indeterminate for ongoing progress.

Radio group – An input control that shows multiple options, of which users can select only one at a time.

Spinner – Displays state in motion, for example, loading a page or table.

Slider - A control with which the user can specify a value by dragging a handle.

Stream (preview) - A control that lets you add Steam videos in your app.

Table (preview) – A control that shows a set of data in a tabular or list format.

Tabs or tab list – Select a tab to move screens or take action on app.

Text – Display text on the app, can also be used as label for fields.

Text input – A box in which the user can type text, numbers, and other data.

Toggle – A control that the user can turn on or off by moving the handle.

See also

Overview of modern controls in canvas apps