Avatar

Usage

پ

import { Avatar } from "@repo/ui/Avatar";

<Avatar src="/img/prhm.jpg" alt="Parham Hoseyni" />

<Avatar alt="Parham Hoseyni">پ</Avatar>

Installation

npx the-dig@latest add Avatar

Props

alt is required. When src is absent, use children for a textual/initials fallback; status defaults to offline.

Prop	Type	Default
src	string	-
alt *	string	-
size	"xs" | "sm" | "md" | "lg"| "xl"	"md"
className	string	-
status	"online" | "offline"	"offline"
children	ReactNode	-

Status

import { Avatar } from "@repo/ui/Avatar";

<Avatar src="/img/prhm.jpg" alt="prhm" status="online" />;

Sizes

import { Avatar } from "@repo/ui/Avatar";

<Avatar src="/img/prhm.jpg" alt="prhm" size="xs" />
<Avatar src="/img/prhm.jpg" alt="prhm" size="sm" />
<Avatar src="/img/prhm.jpg" alt="prhm" size="md" />
<Avatar src="/img/prhm.jpg" alt="prhm" size="lg" />