Avatar
Circular image with initials fallback; size variants.
ui media
Preview
Installation
npx slintcn@latest add avatarUsage
import { Avatar } from "slintcn/components/avatar.slint";
Avatar { fallback: "SK"; size: 40px; } // or source: @image-url(...)Properties
source
in
image
Image to display; when empty, `fallback` initials render instead.
fallback
in
string
1–2 letter initials shown when `source` is empty.
size
in
length
Pixel diameter of the circular avatar.
Dependencies
theme only
Installed automatically as transitive dependencies of slintcn add avatar.