# Avatar (fw-avatar)
Avatars are used to represent a person or object.
# Demo
undefined
Show Code
Avatar of different sizes
undefined
Show Code
Avatar with different modes
Show Code
Avatar with default avatar icons
Show Code
# Usage
# Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
alt | alt | string | undefined | |
image | image | string | undefined | |
initials | initials | string | undefined | |
mode | mode | "dark" \| "error" \| "light" | 'dark' | |
name | name | string | '' | |
shape | shape | "circle" \| "rounded" \| "square" | 'circle' | |
size | size | "large" \| "medium" \| "small" \| "xlarge" \| "xsmall" \| "xxlarge" \| "xxsmall" | 'large' |
# Shadow Parts
Part | Description |
---|---|
"image" | |
"initials" |
# Dependencies
# Used by
# Graph
graph TD;
fw-custom-cell-user --> fw-avatar
fw-select-option --> fw-avatar
fw-tag --> fw-avatar
style fw-avatar fill:#f9f,stroke:#333,stroke-width:4px
Built with ❤ at Freshworks