logo

Pacis

Github
  1. Docs
  2. Avatar

Avatar

An image element with a fallback for representing the user.

Avatar(
	AvatarImage(Src(imgsrc)),
	AvatarFallback(Text("MC")),
)
MC

Usage

import (
	. "github.com/canpacis/pacis/ui/components"
)
Avatar(
	AvatarImage(Src(...)),
	AvatarFallback(Text("MC"))
)

Examples

With Image

Avatar(
	AvatarImage(Src(imgsrc)),
	AvatarFallback(Text("MC")),
)
MC

Without Image

Avatar(
	AvatarFallback(Text("MC")),
)
MC

Sizes

Frag(
	Avatar(
		AvatarSizeSm,

		AvatarImage(Src(imgsrc)),
		AvatarFallback(Text("MC")),
	),
	Avatar(
		AvatarImage(Src(imgsrc)),
		AvatarFallback(Text("MC")),
	),
	Avatar(
		AvatarSizeLg,

		AvatarImage(Src(imgsrc)),
		AvatarFallback(Text("MC")),
	),
)
MC
MC
MC

API

Events

EventDescription
errorFires when given source image fails to load.