ng-ytl-zorro-antd/src/showcase/nz-demo-avatar/nz-demo-avatar-basic.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component } from '@angular/core';

@Component({
  selector: 'nz-demo-avatar-basic',
  template: `
  <div>
    <nz-avatar nzSize="large" nzIcon="user"></nz-avatar>
    <nz-avatar nzIcon="user"></nz-avatar>
    <nz-avatar nzSize="small" nzIcon="user"></nz-avatar>
  </div>
  <div>
    <nz-avatar [nzShape]="'square'" [nzSize]="'large'" [nzIcon]="'user'"></nz-avatar>
    <nz-avatar [nzShape]="'square'" [nzIcon]="'user'"></nz-avatar>
    <nz-avatar [nzShape]="'square'" [nzSize]="'small'" [nzIcon]="'user'"></nz-avatar>
  </div>
  `,
  styles: [`
    :host ::ng-deep .ant-avatar {
      margin-top: 16px;
      margin-right: 16px;
    }
  `]
})
export class NzDemoAvatarBasicComponent { }