Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
Documentation link
A connected documentation page in Supernova
Extension
Determine if a component is part of the core library or an exentsion
Core
Usage Guidelines
CTA Group VS button toolbar
The app's profile section allows editing or changing the avatar photo.
Behavior
Editing the profile photo
The app's profile section allows editing or changing the avatar photo. Once there, users can hover or tab on the current avatar image to bring up a camera icon that indicates the option to change it. The updated avatar will then be displayed in the user's profile and in any other app areas where it is used.
Content
Icon Indicator
On hover, a shroud overlays the Avatar, bringing up a camera icon that indicates the option to change it.
Tooltip
Also, on hover, a tooltip displays the action “Edit profile photo,” confirming that this option allows users to change their photo.
Related Components