Carsxe

Avatar

An image element with a fallback for representing a user.
CX

Installation

Import from the package. Do not run shadcn add in your app.

import { Avatar, AvatarImage, AvatarFallback } from "@carsxe/design-system/components/avatar"

Usage

import {
  Avatar,
  AvatarFallback,
  AvatarImage,
} from "@carsxe/design-system/components/avatar"

<Avatar>
  <AvatarImage src="https://github.com/shadcn.png" alt="User" />
  <AvatarFallback>CN</AvatarFallback>
</Avatar>

Image

CN

Size

SMMDLG

Group

ALBKCM
+4

API Reference

PropTypeDefault
size"default" | "sm" | "lg""default"