Skip to content

Avatar

Representation of entity
import { Avatar } from 'degen'
name
type
default
as
"img" | ComponentType<{}>
img
label*
Required
string
-
noBorder
boolean
-
placeholder
boolean
-
shape
"circle" | "square"
circle
size
ConditionalStyle<Values<MapLeafNodes<{ '0': string; px: string; '0.5': string; '1': string; '1.5': string; '2': string; '2.5': string; '3': string; '3.5': string; '4': string; '5': string; '6': string; '7': string; '8': string; '9': string; '10': string; '11': string; '12': string; ... 28 more ...; none: string; }, ...
12
src
string
-

By default, there is a light border around the edge to define image edges on similarly colored backgrounds. This can be disabled by using the noBorder prop.

If you are using Next.js and configured next/image appropriately, you can pass it in with the as prop.