igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
52 lines (51 loc) • 1.36 kB
TypeScript
import { LitElement } from 'lit';
/**
* An avatar component is used as a representation of a user identity
* typically in a user profile.
*
* @element igc-avatar
*
* @slot - Renders an icon inside the default slot.
*
* @csspart base - The base wrapper of the avatar.
* @csspart initials - The initials wrapper of the avatar.
* @csspart image - The image wrapper of the avatar.
* @csspart icon - The icon wrapper of the avatar.
*/
export default class IgcAvatarComponent extends LitElement {
static readonly tagName = "igc-avatar";
static styles: import("lit").CSSResult[];
static register(): void;
private __internals;
private hasError;
/**
* The image source to use.
* @attr
*/
src: string;
/**
* Alternative text for the image.
* @attr
*/
alt: string;
/**
* Initials to use as a fallback when no image is available.
* @attr
*/
initials: string;
/**
* The shape of the avatar.
* @attr
*/
shape: 'circle' | 'rounded' | 'square';
constructor();
protected roleDescriptionChange(): void;
protected handleErrorState(): void;
protected handleError(): void;
protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'igc-avatar': IgcAvatarComponent;
}
}