{
  "props": [
    {
      "Attribute": "max",
      "Type": "`number`",
      "Description": "The maximum number of visible avatars",
      "Default": "`5`"
    },
    {
      "Attribute": "total",
      "Type": "`number`",
      "Description": "Control the number of avatar not visible",
      "Default": "-"
    },
    {
      "Attribute": "size",
      "Type": "`AvatarProps['size']`",
      "Description": "Size of the avatars",
      "Default": "-"
    },
    {
      "Attribute": "color",
      "Type": "`AvatarProps['color']`",
      "Description": "Color of the avatars",
      "Default": "-"
    },
    {
      "Attribute": "radius",
      "Type": "`AvatarProps['radius']`",
      "Description": "Radius of the avatars",
      "Default": "-"
    },
    {
      "Attribute": "isGrid",
      "Type": "`boolean`",
      "Description": "Whether the avatars should be displayed in a grid",
      "Default": "`false`"
    },
    {
      "Attribute": "isDisabled",
      "Type": "`boolean`",
      "Description": "Whether the avatars are disabled",
      "Default": "-"
    },
    {
      "Attribute": "isBordered",
      "Type": "`boolean`",
      "Description": "Whether the avatars have a border",
      "Default": "-"
    },
    {
      "Attribute": "renderCount",
      "Type": "`(count: number) => ReactNode`",
      "Description": "This allows you to render a custom count component.",
      "Default": "-"
    }
  ],
  "link": "https://nextui.org/docs/components/avatar"
}