@usenavii/angular

Install

npm i @usenavii/angular

Usage

import { Navii, NaviiGroup } from '@usenavii/angular';

// Add Navii and NaviiGroup to your component's imports.
<navii-avatar [seed]="user.id" [size]="64" [title]="user.name" />
<navii-group [seeds]="teamSeeds" [size]="48" [max]="5" />

Pass palette, background, mood, and other engine settings through [options]. Groups add overlap, maximum count, ring, tile background, and counter colors. Both components accept alt, sanitize, svgClass, and svgStyle, and emit svgLoad and svgError.

Inline SVG loads in the browser. Set as="img" for server-rendered HTML. Angular's application build links the package's partial declarations.