Avatar

An image with a fallback for representing the user.

alpha Feature

This feature is currently in a alpha status and not intended for production use. It may receive breaking changes before it's stable release.

'use client';

import { Avatar } from '@skeletonlabs/skeleton-react/composed';

export default function () {
  return (
    <Avatar>
      <Avatar.Image src="https://picsum.photos/100/100" />
      <Avatar.Fallback>SK</Avatar.Fallback>
    </Avatar>
  );
}