Avatar

User avatar with image or fallback initials. Wraps bits-ui Avatar.

Example

Jim
Pat
?

Props

PropTypeDefaultDescription
srcstringImage URL
altstring''Alt text for the image
fallbackstring'?'Text shown when no image
sizenumber32Size in pixels
classstringAdditional CSS classes

Usage

<script>
  import { Avatar } from '@chrissnell/chonky-ui';
</script>

<Avatar fallback="Jim" size={40} />