Variable: Avatar

@arolariu/components

---

@arolariu/components / Avatar

Variable: Avatar

const Avatar: ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & RefAttributes<HTMLSpanElement>>

Defined in: components/ui/avatar.tsx:54

Displays a user avatar container with shared sizing and shape styles.

Remarks

• Renders a <span> element by default
• Built on Base UI Avatar
• Supports the render prop for element composition
• Styling via CSS Modules with --ac-* custom properties

Example

<Avatar>
  <AvatarImage src="/profile.png" alt="Profile" />
  <AvatarFallback>AO</AvatarFallback>
</Avatar>

See

Base UI Documentation