User (Avatar) overview

NbUserComponent

Represents a component showing a user avatar (picture) with a user name on the right.

  <nb-user name="John Doe" title="Engineer"></nb-user>

Installation

Import NbUserModule to your feature module.

@NgModule({
  imports: [
    // ...
    NbUserModule,
  ],
})
export class PageModule { }

Usage

Available in multiple sizes:

You can hide unnecessary captions (name, title or both):

You can set custom avatar background-color, user image (as link or BASE64 string) and disable user initials:

Component shape could be controlled with shape input.