Componente Avatar para Angular | ng-hub-ui-avatar

size

Tipo: string | number

Por defecto: 50

Avatar size in pixels

name

Tipo: string

User name for generating initials when image sources fail

src

Tipo: string | SafeUrl

Primary custom image source URL for the avatar

alt

Tipo: string

Alternative text for the avatar image for accessibility

round

Tipo: boolean

Por defecto: true

Whether the avatar should be circular (true) or follow cornerRadius

bgColor

Tipo: string

Background color for text avatars. Auto-generated if not provided

fgColor

Tipo: string

Por defecto: #FFF

Text color for initials in text avatars

borderColor

Tipo: string

Border color around the avatar

cornerRadius

Tipo: string | number

Por defecto: 0

Corner radius when round is false

textSizeRatio

Tipo: number

Por defecto: 3

Ratio to calculate text size from avatar size (size / textSizeRatio)

initialsSize

Tipo: string | number

Por defecto: 0

Restricts the number of initials displayed (0 = no restriction)

facebookId

Tipo: string

Facebook user ID for profile picture (best-effort, API restrictions may apply)

githubId

Tipo: string

GitHub username for fetching profile picture

gravatarId

Tipo: string

Gravatar email or MD5 hash for fetching profile picture

value

Tipo: string

Display a custom value as avatar (e.g., "75%", "+5")

style

Tipo: Partial<CSSStyleDeclaration>

Custom styles to apply to the avatar root element

referrerpolicy

Tipo: string

Referrer policy for the avatar image (e.g., "no-referrer")

clickOnAvatar

Tipo: Source

Emitted when avatar is clicked, returns the current active source object