Connected Account Header

Owned by Matt Birtch
Last updated: Nov 16, 2021
2 min read

Design In Progress

For apps that require user account connections, the Connected Account Header component displays in the Right Sidebar (RHS) Canvas.

Anatomy

The Connected Account Header is made up of:

  • Connected Account Avatar (if it exists)

  • Connected Account Username

  • Settings Button

  • External App Button

Connected Account Avatar

  • If the connected account provides an avatar associated with the account, it will display next to the username. If no avatar is available, hide this element

Settings Button

  • If the app has settings that can be configured by the user, display this icon button

  • Clicking this icon may open a menu depending on the available options for the app and the user

    • Your Settings (User’s personal settings for the app)

    • Disconnect Account (If app has a connected account)

    • Admin Settings (If current user is an admin)

Supported Canvases

  • RHS Canvas

Sample In Context

Â