Status
The status of the component
Component checklist
Ready for use!
Repository
A link to the repo where the component lives.
Check the Avatar documentation here!
gux-avatar-group-beta
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| quantity | quantity | number | 7 |
Slots
| Slot | Description |
|---|---|
| slot for gux-avatar-group-item components |
Dependencies
Depends on
Graph
graph TD;
gux-avatar-group-beta --> gux-avatar-overflow-beta
gux-avatar-group-beta --> gux-avatar-overflow-item-beta
gux-avatar-group-beta --> gux-avatar-group-add-item-beta
gux-avatar-group-add-item-beta --> gux-tooltip-beta
gux-tooltip-beta --> gux-tooltip-base-beta
style gux-avatar-group-beta fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS
gux-avatar-overflow-beta
Methods
guxClose() => Promise<void>
Returns
Type: Promise<void>
Slots
| Slot | Description |
|---|---|
| a number of gux-avatar-overflow-items |
Dependencies
Used by
Graph
graph TD;
gux-avatar-group-beta --> gux-avatar-overflow-beta
style gux-avatar-overflow-beta fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS
gux-avatar-overflow-item-beta
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| accent | accent | Manually sets avatar accent | "0" | "1" | "10" | "11" | "12" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "default" | "inherit" | 'auto' |
| name | name | string | undefined |
Slots
| Slot | Description |
|---|---|
| "image" | Avatar photo. |
Dependencies
Used by
Graph
graph TD;
gux-avatar-group-beta --> gux-avatar-overflow-item-beta
style gux-avatar-overflow-item-beta fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS
gux-avatar-group-item-beta
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| accent | accent | Manually sets avatar accent | "0" | "1" | "10" | "11" | "12" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "auto" | "default" | "inherit" | 'auto' |
| name (required) | name | Name which is shown as initials. Should be formatted 'Lastname Firstname' for JA, zhCN and KO names. Names without blank space will show first 2 characters of string. | string | undefined |
Methods
hideTooltip() => Promise<void>
Returns
Type: Promise<void>
Slots
| Slot | Description |
|---|---|
| "image" | Avatar photo. |
Dependencies
Depends on
Graph
graph TD;
gux-avatar-group-item-beta --> gux-tooltip-beta
gux-tooltip-beta --> gux-tooltip-base-beta
style gux-avatar-group-item-beta fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS
gux-avatar-group-add-item-beta
Methods
hideTooltip() => Promise<void>
Returns
Type: Promise<void>
Dependencies
Used by
Depends on
Graph
graph TD;
gux-avatar-group-add-item-beta --> gux-tooltip-beta
gux-tooltip-beta --> gux-tooltip-base-beta
gux-avatar-group-beta --> gux-avatar-group-add-item-beta
style gux-avatar-group-add-item-beta fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS