Avatar

Frosted avatar tiles with status badges. Mono fallback initials keep rosters aligned even when profile images are missing.

Roster

Platform Team
Status lights float outside the frame so initials stay perfectly centered across the grid.
HS

Haru Sato

Region Lead
MN

Mina Nikaido

Security
AK

Akira Kato

SRE

Installation

pnpm dlx shadcn@latest add @omni/avatar

Usage

import { Avatar, AvatarFallback } from "@/components/ui/avatar"
<Avatar status="online">
  <AvatarFallback>MM</AvatarFallback>
</Avatar>