The AvatarBox component displays the user's avatar along with several marketing properties.
Example usage:
<avatar-box :size="80" title-field="t.fullName" subtitle-field="t.accountPlusOffset" > </avatar-box>
Type Definition:
export type AvatarBoxProps = {
id?: string;
accountId?: number;
treeId?: number;
offset?: number;
positionId?: number;
includeTree?: number;
titleField?: string;
subtitleField?: string;
size?: number;
};
export const defaults = {
titleField: 't.fullName',
subtitleField: 't.accountPlusOffset',
size: 140,
};
| Property | Default | Type | Description |
| id | — | String | Unique identifier for the component. |
| accountId | — | Number | ID of the associated account. |
| treeId | — | Number | ID of the associated tree. |
| offset | — | Number | Offset value for the tree. |
| positionId | — | Number | ID of the associated position. |
| includeTree | — | Number | Whether to include the tree in the component. |
| titleField | 't.fullName' | String | Field to use for the title. |
| subtitleField | 't.accountPlusOffset' | String | Field to use for the subtitle. |
| size | 140 | Number | Size of the avatar in pixels. |