Note that the user avatar is not part of this component, but you can simple add following the snipped below.
User Avatar

Han Solo

@hanSolo

5.0
10
7.0
7.0
89%
Flag of
Seattle, United States
Inputs
user : any
usernameSize : UsernameSize
usernameSizeDesktop : UsernameSize
freelancerReputation ?: FreelancerReputation
isBidder ?: boolean = true
isDeloitteProject ?: boolean
isTokenProject ?: boolean
ratingControl ?: any = new FormControl(0, { nonNullable: true })
showCity ?: boolean = true
showCountry ?: boolean = true
showEarningScore ?: boolean = true
showNewFreelancerLabel ?: boolean = true
showTooltip ?: boolean = true
userBadges ?: UsernameBadges
userLink ?: string
userLinkQueryParams ?: QueryParams
usernameMarginBottomDesktop ?: Margin = 'xxxsmall'