packages/eui/packages/components/eui-avatar/avatar-badge/avatar-badge.component.ts
Component representing an avatar badge. This badge can be positioned at the top or bottom of the avatar and is used to display additional information or status indicators.
The component uses content projection to allow any content to be displayed inside the badge.
selector | eui-avatar-badge |
template |
|
styleUrl | ./avatar-badge.scss |
Inputs |
HostBindings |
Accessors |
isPositionBottom |
Type : boolean
|
Default value : false
|
Whether the avatar should have a shadow effect |
position |
Type : "top" | "bottom"
|
Default value : 'top'
|
The position of the badge relative to the avatar. Can be either 'top' or 'bottom'. |
class |
Type : string
|
Gets the CSS classes to be applied to the host element. Combines the base class with a modifier class based on the position. |
cssClasses |
getcssClasses()
|
Gets the CSS classes to be applied to the host element. Combines the base class with a modifier class based on the position.
Returns :
string
|