ng-boring-avatars

!ng-boring-avatars

Based on the awesome React Boring Avatars
project this is the tiny Angular library that generates custom, SVG-based, round avatars from any
username and color palette.

For a demo of how the avatars render please check out the Boring Designers
demo website here. Although based around React you can expect the same
results in Angular with this library.

Install

``sh
yarn add ng-boring-avatars
`

or

`sh
npm install ng-boring-avatars
`

Usage

1. Import NgBoringAvatarsModule into your app.module.ts file.

2. Then in your component template you can use:

`html

name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>


name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>


name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>


name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>


name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>


name="Mary Baker"
[colors]="['#a3a948','#edb92e','#f85931','#ce1836','#009989']"
[inputSize]="80"
>
``