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

Messages · Components

AccountAvatar

AccountAvatar - Provider icon with fallback initials

Public export

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

Props

NameTypeRequiredDescription
providerTypestringYesEmail provider type such as Gmail, IMAP, or Slack.
namestringYesAccount or user name, displayed as title and used to generate initials.
size'sm' | 'md' | 'lg'NoVisual size of the avatar: small, medium, or large.

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