-
.oj-avatar-group-image
-
Use to display avatar group placeholder image instead of single person placeholder image.
Example
//Group Placeholder <oj-avatar class="oj-avatar-group-image"> </oj-avatar>
-
CSS Variables
-
Avatar Color CSS
-
Avatar Sizing and Display CSS
-
Avatar Font CSS
See JET CSS Variables for additional details.
CSS variables that specify Avatar colors
Name | Type | Description |
---|---|---|
--oj-avatar-bg-color |
<color> | Avatar background color |
--oj-avatar-text-color |
<color> | Avatar text color |
CSS variables that specify Avatar sizing and display characteristics
Name | Type | Description |
---|---|---|
--oj-avatar-pattern-display |
block | none | Avatar pattern display behavior. This is only supported in Redwood. |
--oj-avatar-size |
<length> | Avatar size |
--oj-avatar-border-radius |
<length> | <percentage> | Avatar border radius, only applied to the square avatar |
CSS variables that specify Avatar font characteristics
Name | Type | Description |
---|---|---|
--oj-avatar-initials-font-size |
<length> | Avatar font size for initials |
--oj-avatar-initials-font-weight |
<font_weight> | Avatar font weight for initials |