TwitterGithub

Avatar

An image element with a fallback for representing the user.

RG

Installation

npx nx g @spartan-ng/nx:ui avatar

Usage

import { HlmAvatarComponent } from '@spartan-ng/ui-avatar-helm';
<hlm-avatar>
   <img src='/assets/avatar.png' alt='spartan logo. Resembling a spartanic shield' hlmAvatarImage />
   <span class='bg-destructive text-white' hlmAvatarFallback>RG</span>
</hlm-avatar>
Badge Aspect Ratio