AvatarButton

DESIGN COMPLETE IMPLEMENTed

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

 

Property

 

Avatar Only (Boolean)

  • False (Default)

  • True

Size

  • Default

  • Small


Best Practices

Related Components

https://openedx.atlassian.net/wiki/pages/createpage.action?spaceKey=BPL&title=Avatar&linkCreation=true&fromPageId=2102821019 https://openedx.atlassian.net/wiki/pages/createpage.action?spaceKey=BPL&title=Button&linkCreation=true&fromPageId=2102821019

https://openedx.atlassian.net/wiki/pages/createpage.action?spaceKey=BPL&title=Icon%20Button&linkCreation=true&fromPageId=2102821019 (Dimensions of the avatar only variant match


Specification

What does an engineer need to know in order to build this component?

Anatomy

Behaviors

Any behaviors of this component should be inherited from the Button component.

Accessibility

Focus Management Expectations

Semantics