Avatar

Displays a user profile image or fallback initials.

Preview

Props

PropTypeDefaultDescription
srcstringImage URL
altstringAlt text
fallbackstringFallback initials
sizestring'default'sm, default, lg

Usage

const { Avatar } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Avatar, { fallback: 'CS' })
);

Variants