Angular powered Bootstrap
Angular widgets built from the ground up using Bootstrap 5 CSS with APIs designed for the Angular ecosystem. The only dependencies are Angular, Bootstrap 5 CSS and Popper
ng-bootstrap demo - Table - Complete - StackBlitz
import { AsyncPipe, DecimalPipe } from '@angular/common'; import { Component, QueryList, ViewChildren } from '@angular/core'; import { Observable } from 'rxjs';
ng-bootstrap demo - Dropdown - Navbar - StackBlitz
import { Component } from '@angular/core'; import { NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem } from '@ng-bootstrap/ng-bootstrap/ dropdown';
ng-bootstrap demo - Datepicker - Adapter - StackBlitz
NgbInputDatepicker, NgbDateStruct, } from '@ng-bootstrap/ng-bootstrap/datepicker'; import { FormsModule } from '@angular/forms'; import { JsonPipe } from '@angular/common'; /** * This …
ng-bootstrap demo - Collapse - Navbar - StackBlitz
import './polyfills'; import {provideHttpClient, withNoXsrfProtection} from '@angular/common/http'; import {bootstrapApplication} from '@angular/ platform-browser'; import {NgbdCollapseNavbar} from …
ng-bootstrap demo - Timepicker - Basic - StackBlitz
import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { JsonPipe } from '@angular/common'; import { NgbTimepicker } from '@ng-bootstrap/ng-bootstrap/ …
ng-bootstrap demo - Toast - Inline - StackBlitz
import { Component } from '@angular/core'; import { NgbToast } from '@ng-bootstrap/ng-bootstrap/ toast'; @Component( { selector: 'ngbd-toast-inline',
ng-bootstrap demo - Offcanvas - Options - StackBlitz
import './polyfills'; import {provideHttpClient, withNoXsrfProtection} from '@angular/common/http'; import {bootstrapApplication} from '@angular/ platform-browser'; import {NgbdOffcanvasOptions} from …
ng-bootstrap demo - Nav - Vertical - StackBlitz
NgbNavLinkButton, NgbNavLinkBase, NgbNavOutlet, } from '@ng-bootstrap/ng-bootstrap/nav'; @Component( { selector: 'ngbd-nav-vertical', imports: [
ng-bootstrap demo - Accordion - Basic - StackBlitz
import { Component } from '@angular/core'; import { NgbAccordionButton, NgbAccordionDirective,