ng-multiavatar v2.0.1

This is a simple angular wrapper for multiavatar-js library by multiavatar.com.

Demo

https://multiavatar.com/

Installation

npm install ng-multiavatar 

Quickstart

// app.module.ts
import { NgModule } from '@angular/core';
import { NgMultiavatarComponent } from 'ng-multiavatar';

@NgModule({
  imports: [NgMultiavatarComponent],
})
export class AppModule {}

// your.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'your-component',
  template: ` <ng-multiavatar seed="Jon Snow"></ng-multiavatar> `,
})
export class YourComponent {}

// That's it!
// You can, of course, customize it. Check out the API Reference below.

API Reference

seed

Use this property to set the seed for the avatar generation.

Example

<ng-multiavatar
  seed="seed123abc%&_+"
></ng-multiavatar>

hasBackground

If this is false, the final avatar will be without the circle background.

Example

<ng-multiavatar
  seed="Steve Jobs"
  [hasBackground]="false"
></ng-multiavatar>

config

IMPORTANT!! This property overrides any seed value!

Pass an object to force a specific initial version. The config is an object of type AvatarConfig. This object has the properties: part and theme.

Example

<ng-multiavatar
  [config]="{'part':'01', 'theme':'C'}"
></ng-multiavatar>

License

LICENSE

Screenshots

GitHub @ykoitzsch  ·  Twitter @isleepcode