What's HTMLPLUS?   Why HTMLPLUS?   UI Components   
HTMLPLUS

Avatar

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

Properties

Name
shape
Type
'circle' | 'round' | 'tile'
Default
'round'
Default
'round'
Attribute
shape
Reflect
true
Description
Name
size
Type
'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
Default
'md'
Default
'md'
Attribute
size
Reflect
true
Description

CSS Variables

Name
--plus-avatar-background-color
Default
undefined
Default
undefined
Description
Name
--plus-avatar-border-radius
Default
undefined
Default
undefined
Description
Name
--plus-avatar-color
Default
undefined
Default
undefined
Description
Name
--plus-avatar-font-size-ratio
Default
undefined
Default
undefined
Description
Name
--plus-avatar-font-weight
Default
undefined
Default
undefined
Description
Name
--plus-avatar-size
Default
undefined
Default
undefined
Description
Name
--plus-avatar-svg-ratio
Default
undefined
Default
undefined
Description

Contributors

Contributor abdolianPrev
Aspect Ratio
Next
Avatar Group

Select Your Framework

React logo   React