Power Apps Accordion Components

Each row is a bordered card. The open card takes the brand color on its border, an accent stripe on the left and a colored title. One row open at a time. Light and dark.

Numbered rows for onboarding and processes. The open step lights up its badge in the brand color, a finished step shows a green check. One row open at a time. Light and dark.

The layout of a settings page: a leading icon in a tinted square, a title with a one-line subtitle, and a chevron. Open reveals the details. Light and dark.

No cards, only dividers and a plus that turns into a minus. Several rows can be open at once, with Expand all and Collapse all links above the list. Light and dark.

An accordion with animated plus/minus icons that morph smoothly when expanding.

A vertically stacked set of interactive headings that each reveal a section of content.

A vertically stacked accordion with card containers for a modern look.