Avatar APIs

See below to learn more about properties, slots, events, style variables, CSS parts, and methods.

There is no difference between the APIs of the elements, And the only difference is in the names of the events

Properties

Name
color
Default
undefined
Attribute
color
Reflect
true
Description

Specifies the color.

Name
shape
Type
'circle' | 'round' | 'tile'
Default
undefined
Attribute
shape
Reflect
true
Description

Specifies the shape of the element.

Name
size
Default
undefined
Attribute
size
Reflect
true
Description

Specifies the size of the element.

Name
overrides
Default
undefined
Attribute
overrides
Reflect
false
Description

Overrides default configuration for specific breakpoints. See Overrides for details.

Name
variant
Default
undefined
Attribute
variant
Reflect
true
Description

See Variant for details.

Slots

Name
default
Description

The default slot.

Events

There are no Events.

CSS Variables

Name
--plus-avatar-color
Default
gray
Description

Used to adjust the color.

Name
--plus-avatar-size
Default
#{map.get($avatar-sizes, md)}
Description

Used to adjust the size (width & height).

CSS Parts

There are no CSS Parts.

Methods

There are no Methods.