logo

Pacis

GithubGithub
DiscordGithub
Toggle Theme
  1. Docs
  2. UI
  3. Components
  4. 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

EventDescription
errorFires when given source image fails to load.