Avatar component

The component <day-avatar> is used to display user avatars.

Dependencies

'@core'

MRMRMR

Description

The component <day-avatar> is used to display user avatars. It allows you to easily show user images or initials in your application.

It supports different sizes, such as small, medium, and big, which can be set using the size input property.

You can also customize the content of the avatar, such as using initials or images.

You can change the background color and text color of the avatar using the bgColor and color input properties.

Inputs

Name Description Default
color: string Color of the avatar. var(--color-bg-000)
bgColor: string Background color of the avatar. var(--color-primary-400)
size: 'small' | 'medium' | 'big' Size of the avatar. medium

Custom properties style

Name Description Default
--avatar-font-size Font size of the avatar. 9px