avatar-list v0.1.0

AvatarList

Avatar List is a simple material compoment displaing avatar images overlapped allowing a menu to select a specific avatar - provides data on selection.

Installation

npm install avatar-list

Scaffolding

Import the module into your project under imports AvatarsListModule

imports: [
    BrowserModule,
    AppRoutingModule,
    AvatarsListModule
  ],

Selector Usage

This is the basic selector

<app-avatars-list data="data" select="false" (selected)="onSelectedAvatar($event)"

Inputs

The following Inputs are available

AvatarDetails Model

Here is a sample of the AvatarDetail model information

{ id: 0, name: 'Name of Person', image: 'src.image.png', email: 'name@gmail.com' }

Outputs