0
Sponsor

Avatar Row

User avatar components for displaying people in emails.

Variants

Avatar with Details

Grouped Overlapped Avatars

Grouped Overlapped Avatars with Plus Count

Installation

$ pnpm dlx shadcn@latest add @emailcn/avatar-with-details

Usage

import { AvatarWithDetails } from "@/components/emails/ui-elements/avatars/avatar-with-details";
<AvatarWithDetails {...AvatarWithDetails.PreviewProps} />

API Reference

Avatar Row

PropTypeDefaultDescription
themeEmailThemedefaultThemeEmail theme styling