Skip to main content

Avatar API Overview

Initialization​

<script>
  import { Avatar } from "@svar-ui/svelte-core";
  const user = {
    id: 1,
    name: "John Doe",
    avatar: "path/to/image.jpg"
  };
</script>

<!-- minimal configuration for initialization -->
<Avatar value={user} />
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

Avatar Properties​

limitOptional. Sets the max number of visible avatar badges
sizeOptional. Sets the width and height of an avatar badge in pixels
valueRequired. Specifies users to display as avatar badges