@anguless/angulux/avatargroup
avatargroup
1 declarations1 demos
import
import { AvatarGroupModule } from '@anguless/angulux/avatargroup';Basic
Wrapping avatars in a group overlaps them and shares one outline.
<agl-avatarGroup> <agl-avatar label="A" shape="circle" /> <agl-avatar label="B" shape="circle" /> <agl-avatar label="C" shape="circle" /> <agl-avatar label="+2" shape="circle" /></agl-avatarGroup>API
Generated from the committed corpus, which check:corpus holds to the built library.
AvatarGroup
componentagl-avatarGroup, agl-avatar-group, agl-avatargroupAvatarGroup is a helper component for Avatar.
| Input | Type | Default | Description |
|---|---|---|---|
| styleClass | string | undefined | not documented | Style class of the component |
| style | { [klass: string]: any } | null | undefined | not documented | Inline style of the component. |
Inherited from BaseComponent
inherited| Input | Type | Default | Description |
|---|---|---|---|
| dt | Object | undefined | undefined | Defines scoped design tokens of the component. |
| unstyled | boolean | undefined | undefined | Indicates whether the component should be rendered without styles. |
| pt | PT | undefined | undefined | Used to pass attributes to DOM elements inside the component. TRUSTED INPUT ONLY. Whatever you put here is applied to the DOM as given: keys become attributes, and a key that names a DOM property is assigned to that property directly, with no sanitizer in between. That is what makes the API useful, and it means a value reaching it from a user, a database or a CMS can execute script. Treat it like markup you wrote yourself, not like data you received. |
| ptOptions | PassThroughOptions | undefined | undefined | Used to configure passthrough(pt) options of the component. |