APPROVED TO ADD IMPLEMENTATION PENDING
A button that contains the userβs Avatar.
Contributors
Ange Romanska (Deactivated) Adam Butterworth (Deactivated)
Relate Jira Tickets
https://openedx.atlassian.net/browse/PAR-137 https://openedx.atlassian.net/browse/PAR-132 https://openedx.atlassian.net/browse/PAR-137
π Resources
π± Use cases
The Avatar Button is used for the user account dropdown menu button in the global navigation.
π³ Variants
Property | |
---|---|
Avatar Only (Boolean) |
|
Size |
|
π Best Practices
β Related Components
Icon Button (Dimensions of the avatar only variant match
π Specification
What does an engineer need to know in order to build this component?
β Anatomy
Legend Uses a Default Avatar Component and a arrow_drop_down icon. | https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=1105%3A940
|
Avatar-only variant | https://www.figma.com/file/eGmDp94FlqEr4iSqy1Uc1K/Paragon-2021?node-id=1155%3A540
|
β Behaviors
Any behaviors of this component should be inherited from the Button component.
π Accessibility
Focus Management Expectations | β¨ |
Semantics | |