AvatarStatusDot — Variants

block

Presence dots on Avatars using the success, neutral, and error variants. Pass an AvatarStatusDot to the Avatar status prop; the dot sizes itself to match the Avatar.

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

Sign In

AvatarStatusDot — Variants

block

Presence dots on Avatars using the success, neutral, and error variants. Pass an AvatarStatusDot to the Avatar status prop; the dot sizes itself to match the Avatar.

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

components/astryx/examples/AvatarStatusDotVariants.tsx