v2.2.0 · Latest stable

Getting Started

@angular-bootstrap/ngbootstrap is a standalone Angular UI library for data-heavy apps and practical product workflows. The current docs focus most on DataGrid, Angular-native Form Builder, drag and drop workflows, Typeahead, Splitter, Tree, Stepper, and Pagination. Import only what you need; no global module registration is required.

Prerequisites

Use Angular 21 or newer, Bootstrap 5 styles, and a modern Node.js version supported by your Angular CLI.

Angular>= 21.0

Bootstrap CSS^5.3

Node.jsAngular CLI supported

Installation

Already have a project? Follow these steps. New app? Run ng new my-app --style=scss first.

bash
```
      npm install @angular-bootstrap/ngbootstrap bootstrap bootstrap-icons
    
```

Next steps

DatagridSort, filter, paginate, edit, select, and export tabular data.TypeaheadAutocomplete with debouncing, multi-select, and custom templates.SplitterResizable horizontal and vertical panes.TreeExpandable hierarchy with keyboard support.StepperMulti-step flows with validation and custom labels.Form Builder & drag dropStart with simple list drag-drop, then scale into Angular-native Form Builder workflows.

Optional dependencies: Grid charts (chart.js) and any custom export adapters you choose are only required when you use those features. The built-in PDF and Excel export adapters are dependency-free. See Export and Datagrid for details.