limit

Description

Optional. Sets the max number of visible avatar badges

When displaying multiple users, it limits the number of visible avatar badges. Default is undefined.

Usage

limit?: number;

Example

<script setup>
  import { Avatar } from '@svar-ui/vue-core';

  const users = [
    { id: 1, name: "John Doe" },
    { id: 2, name: "Anna Smith" },
    { id: 3, name: "Bob Johnson" },
    { id: 4, name: "Mary White" },
    { id: 5, name: "Tom Brown" }
  ];
</script>

<template>
  <Avatar :value="users" :limit="4" />
</template>

---

Related article: Limiting visible avatars