eui documentation
  1. Components
  2. EuiAvatarTextComponent

File

packages/components/eui-avatar/avatar-text/avatar-text.component.ts

Description

Component for displaying text content within an avatar. This component serves as a container for text that appears inside an avatar, such as initials or short text identifiers.

The component applies the 'eui-avatar-text' class to provide appropriate styling for text displayed within an avatar context. It uses content projection to allow any text content to be displayed inside.

Example :
<eui-avatar euiSizeS>
    <eui-avatar-text>eUI</eui-avatar-text>
    <eui-avatar-badge>
        <eui-badge euiDanger euiSizeS>7</eui-badge>
    </eui-avatar-badge>
</eui-avatar>

Metadata

changeDetection ChangeDetectionStrategy.OnPush
host {
}
selector eui-avatar-text
template 
<ng-content/>
styleUrl ./avatar-text.scss

results matching ""

    No results matching ""