### File

`packages/components/eui-avatar/avatar-badge/avatar-badge.component.ts`

### Description

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.

### Metadata

selector | `eui-avatar-badge`

template

    <ng-content/>

styleUrl | `./avatar-badge.scss`

### Index

###### Inputs

- isPositionBottom
- position

###### HostBindings

- class

###### Accessors

- cssClasses

### Inputs

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'.

### HostBindings

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.

### Accessors

cssClasses
get `cssClasses()`
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`

# results matching ""

# No results matching ""