Button overview

NbButtonComponent

Basic button component.

Default button size is medium and status color is basic:

<button nbButton></button>

Installation

Import NbButtonModule to your feature module.

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

Usage

Buttons are available in multiple colors using status property:

There are three button sizes:

And two additional style types - outline:

and hero:

Buttons available in different shapes, which could be combined with the other properties:

nbButton could be applied to the following selectors - button, input[type="button"], input[type="submit"] and a:

Button can be made fullWidth:

Icon can be placed inside of a button as a child element: