s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Users · Components

UserAvatar

User profile image or initials display

Public export

typescript 
import { UserAvatar } from '@happyvertical/smrt-users/svelte';
Import path
@happyvertical/smrt-users/svelte
Props
3
Props described
3 of 3
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
profileProfileYesUser profile containing name and avatar details.
size'sm' | 'md' | 'lg' | 'xl'NoAvatar size: sm, md, lg, or xl.
showNamebooleanNoDisplays the user's name next to the avatar.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-users package reference See package status, version, limitations, and all public subpaths.