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

Chat · Components

Avatar

No summary has been written for Avatar. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

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

Props

NameTypeRequiredDescription
namestringYesDisplay name used for initials fallback.
avatarUrlstringNoURL for the avatar image.
onlineStatus'online' | 'away' | 'dnd' | 'offline'NoOnline presence status.
size'sm' | 'md' | 'lg'NoAvatar size.

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-chat package reference See package status, version, limitations, and all public subpaths.