Tailwind CSS Avatar - Props

The following props are available for avatar component. These are the custom props that come with we've added for the avatar component and you can use all the other native img props as well.

AttributeTypeDescriptionDefault
variantVariantChange avatar variantrounded
sizeSizeChange avatar sizemd
classNamestringAdd custom className for avatar''


For TypeScript Only

import type { AvatarProps } from "@material-tailwind/react";

Types - Variant

type variant = "rounded" | "circular";

Types - Size

type size = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
Edit this page on Github