Power Apps Badge Components

The signed-in user's profile photo from User().Image, with initials from User().FullName as the fallback, so every user sees themselves without any connector. Three styles (filled, soft, outline), circle or rounded square, three sizes, and an optional presence dot. Colours can follow your brand or be derived from the name itself.

The avatar and the name in one pill, made for app headers and "assigned to" rows. Name, initials and pill width all follow User().FullName live. Three styles: neutral surface, tinted, and solid brand colour, each with an optional presence dot.

An overlapping stack of initials circles for assignee lists and "shared with" rows. The signed-in user can lead the stack live via User().FullName; the rest are names you type, with colours and initials derived from each name. Overflow collapses into a +N circle.

Clean, simple badge component with customizable colors. The text uses your selected color while the background automatically adjusts to 80% lighter for perfect contrast.

Status badge with border outline for enhanced visibility

Pill-shaped badge with rounded ends for modern appearance

Pill-shaped badge with border outline for enhanced visual distinction