Power Apps component library
Components you can try, then paste
Try each one live on its page, exactly as it behaves in Power Apps. Then copy its YAML and paste it into Studio.
- 12 components
- 12 tested in Power Apps Studio
- 11 coming soon
- No premium licence
- Navigation and layoutNew
Accordion
Expandable sections from a table of titles and text, one open at a time or several, each growing to fit its text; OpenKeys and OnToggle for your app, Toggle, ExpandAll and CollapseAll from it; keyboard-operable headers that say expanded or collapsed; light and dark.
✓ Tested in StudioMIT License
- Inputs and formsNew
Attachments list with upload
Adds files and lists the ones already attached: a drop card to choose or drag files in, each with a status and the reason when one can't go, remove and undo for attached files, and one Upload button that hands it all to your app.
✓ Tested in StudioMIT License
- Buttons and actionsNew
Button
A modern button in four looks, in your brand colour, light or dark.
✓ Tested in StudioMIT License
- Navigation and layoutNew
Carousel
Slides from a table, each a picture or a colour with a title and text, advancing on a timer with a pause control, dots and arrows, looping or stopping at the end; OnChange and OnSelect, Next, Previous, GoTo, Play and Pause; light and dark, each slide fading in.
✓ Tested in StudioMIT License
- Data displayNew
Data table
Your rows as a table, cards or a list, with coloured status pills, segmented progress, sortable headers, checkboxes with bulk actions, a row menu, and loading and empty states.
✓ Tested in StudioMIT License
- Buttons and actionsNew
Floating action button
The screen's main action, usually Add new, as a floating button: ready with no setup, extended with a label, or opening a speed-dial menu of more actions.
✓ Tested in StudioMIT License
- Data displayNew
Kanban board
Columns and cards from two tables, each card moved left or right with a button or the keyboard.
✓ Tested in StudioMIT License
- Data displayNew
KPI card
One number with its label as a count, money, a percentage or 12.4K; the change against a previous value, coloured by whether up is good; progress toward a target with a status that follows it; and OnSelect to open the list behind it.
✓ Tested in StudioMIT License
- Data displayNew
Month calendar
A month grid from your start of week, events from a table as pills that run across the days they span, +N more past a limit, today marked, a day or an event selectable, previous, next and Today; light and dark, the pills drawing in when the month changes.
✓ Tested in StudioMIT License
- Navigation and layoutNew
Navigation shell
Your app's main menu: a side menu on wide screens that collapses to icons, and a bottom bar on phones, from one table.
✓ Tested in StudioMIT License
- Navigation and layoutNew
Stepper
The steps of a form or wizard, with progress, a check before each step that stops people skipping what's required, Back and Next, and a step to go to.
✓ Tested in StudioMIT License
- Navigation and layoutNew
Tree view
Folders, categories or an org chart as a tree that opens and closes, from one flat table, in one gallery.
✓ Tested in StudioMIT License
- Coming soon
Date and time picker (coming soon)
One date, a date and a time, or a date range, with quick picks, the earliest and latest dates, weekends and holidays blocked with a clear message, a working-days helper and the time zone.
Being tested in Power Apps Studio
- Coming soon
Dialog (coming soon)
Confirm, alert, form or danger dialogs from one component.
Being tested in Power Apps Studio
- Coming soon
Donut chart (coming soon)
A ring chart from a table of slices, or a progress ring from a value and a maximum, drawn as one crisp SVG; a legend whose rows select a slice, the total or the percent in the centre; OnSelect for filtering a list; light and dark, the arcs sweeping in one after another.
Being tested in Power Apps Studio
- Coming soon
Empty, loading and error states (coming soon)
One panel for the states every list needs: nothing yet, loading (a spinner or skeleton rows), and something went wrong.
Being tested in Power Apps Studio
- Coming soon
Pagination (coming soon)
First, previous, next and last, page numbers with ellipses, rows per page and a summary such as 21–40 of 312 orders.
Being tested in Power Apps Studio
- Coming soon
People picker (coming soon)
Search your directory as people type, choose one person or several with avatar chips, Add me, suggested people, a limit, and everyone's emails ready for Outlook or Teams.
Being tested in Power Apps Studio
- Coming soon
Search bar (coming soon)
A rounded search box, 48 pixels tall, with clear and search buttons.
Being tested in Power Apps Studio
- Coming soon
Signature pad (coming soon)
A pad to sign with a finger, mouse or pen over a Sign here line, a Clear button, the typed-name alternative Microsoft asks for, and a signed-by stamp with the time; Image, TypedName, SignedAt, HasSignature and Method for your Patch, OnChange; light and dark, the line drawing in.
Being tested in Power Apps Studio
- Coming soon
Tabs and segmented control (coming soon)
Tabs or a segmented control on the modern tab list, with counts on tabs, tabs hidden by name, the selected tab as an output, a change event, a SelectTab action and four looks.
Being tested in Power Apps Studio
- Coming soon
Text field (coming soon)
A text box with its label, hint, required marker, character count and error message built in.
Being tested in Power Apps Studio
- Coming soon
Toast (coming soon)
A coloured message bar for success, info, warning and error, shown from anywhere with one Show action.
Being tested in Power Apps Studio