# Avatar (fw-avatar)

Avatars are used to represent a person or object.

# Demo

Show Code

Avatar of different sizes

Show Code

Avatar with Light and Dark mode

Show Code

# Usage

# Properties

Property Attribute Description Type Default
alt alt string undefined
image image string undefined
initials initials string undefined
mode mode "dark" \| "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

# 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