Spinner overview

NbSpinnerDirective

Styled spinner directive

<nb-card [nbSpinner]="loading" nbSpinnerStatus="danger">
  <nb-card-body>Card Content</nb-card-body>
</nb-card>

Installation

Import NbSpinnerModule to your feature module.

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

Usage

Could be colored using status property

Available in different sizes with size property:

It is also possible to place it into the button:

Or tabs:

NbSpinnerComponent

Styled spinner component