aily-ui Avatar

5 size · circle / square · image / fallback / border · 跨 Web/RN

Sizes (xs / sm / md / lg / xl · 16/24/32/48/64)

xs

sm

md

lg

xl

Shape · circle / square

Fallback · 没图片或加载失败 → name 首字

空 fallback · 没 src 没 name (灰底)

Border (1px solid var(--ak-border))

B B

Clickable (active 0.7 opacity)

B C

Image error · 图加载不上时自动 fallback (打开 console 看)