Avatar Status Dot

block

AvatarStatusDot renders a presence indicator on an Avatar, with variants for positive, neutral, and negative states. The dot size automatically coordinates with the Avatar size.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/showcase-avatar-status-dot-default.json"

Sign In

Avatar Status Dot

block

AvatarStatusDot renders a presence indicator on an Avatar, with variants for positive, neutral, and negative states. The dot size automatically coordinates with the Avatar size.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/showcase-avatar-status-dot-default.json"

components/astryx/showcases/AvatarStatusDotShowcase.tsx