- Docs
- UI
- Components
- Avatar
Avatar
An image element with a fallback for representing the user.
MC
Avatar(
AvatarImage(Src(imgsrc)),
AvatarFallback(Text("MC")),
)
Usage
import (
. "github.com/canpacis/pacis/ui/components"
)
Avatar(
AvatarImage(Src(...)),
AvatarFallback(Text("MC"))
)
Examples
With Image
MC
Avatar(
AvatarImage(Src(imgsrc)),
AvatarFallback(Text("MC")),
)
Without Image
MC
Avatar(
AvatarFallback(Text("MC")),
)
Sizes
MC
MC
MC
Frag(
Avatar(
AvatarSizeSm,
AvatarImage(Src(imgsrc)),
AvatarFallback(Text("MC")),
),
Avatar(
AvatarImage(Src(imgsrc)),
AvatarFallback(Text("MC")),
),
Avatar(
AvatarSizeLg,
AvatarImage(Src(imgsrc)),
AvatarFallback(Text("MC")),
),
)
API
Events
Event | Description |
---|---|
error | Fires when given source image fails to load. |