A

Usage

import { Avatar } from '@loomhq/lens'
<Avatar letter="A"/>

Sizes

With image

With letter

With children

With alternative text

If the avatar is not purely decorative, add an image text alternative for accessibility reasons.

Background Color

Add a custom background color to your Avatar

Text Color

Add a custom text color to your Avatar

Props

name
type
default
altText
string
''
size
string | number
4
letter
string
imageSrc
string
children
React.ReactNode
height
number
width
number
hasBackgroundColor
boolean
backgroundColor
string
textColor
string