next-ucap-messenger/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html

<div fxLayout="column">
  <button
    mat-raised-button
    color="accent"
    class="submit-button"
    aria-label="Login"
    (click)="onClickLogin()"
  >
    Login
  </button>

  <h3>User-list-item</h3>
  <div>
    <ucap-profile-user-list-item
      [userInfo]="userInfo"
      [profileImageRoot]="profileImageRoot"
      [presence]="presence"
    >
    </ucap-profile-user-list-item>
    <ucap-profile-user-list-item
      [userInfo]="userInfo"
      [profileImageRoot]="profileImageRoot"
    >
    </ucap-profile-user-list-item>
    <ucap-profile-user-list-item
      [userInfo]="userInfo"
      [profileImageRoot]="profileImageRoot"
      [checkable]="true"
    >
    </ucap-profile-user-list-item>
  </div>
</div>