Nonviolent Pirate Mobster

    ngx-bootstrap-navbar
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    NgxBootstrapNavbar

    npm version npm downloads total npm downloads monthly

    What does it do?

    Native Angular component and directive for Bootstrap Navbar component. Uses bootstrap classes and Angular Animations for changing the navbars collapse

    Try it

    See it in action with:

    How to use it?

    Install ngx-bootstrap-navbar in your project:

    npm install ngx-bootstrap-navbar
    

    Import the NgxNavbarModule in your app.module.ts:

    import { NgxNavbarModule } from 'ngx-bootstrap-navbar';
    
    @NgModule({
      imports: [
        BrowserAnimationsModule,
        NgxNavbarModule
      ],
    })
    export class AppModule {}

    Use the ngx-navbar-collapse component as the container of the .navbar-nav, it applies the basic bootstrap classes too. If you want to dynamically detect that the navbar fits and can be expanded use the ngxNavbarDynamicExpand directive on the navbar. It applies the .navbar and .text-nowrap classes.

    <nav ngxNavbarDynamicExpand class="navbar-light bg-light">
      <button class="navbar-toggler" type="button" (click)="collapse.toggle()">
        ....
      </button>
      <ngx-navbar-collapse #collapse="ngxNavbarCollapse">
        <ul class="navbar-nav mr-auto">
          ...
        </ul>
      </ngx-navbar-collapse>
    </nav>

    Compatibility

    • @angular/core: ^13.0.0,
    • bootstrap: ^4.0.0 || ^5.0.0,

    Development

    Library Build / NPM Package

    Run npm run build:lib to build the library and generate an NPM package. The build artifacts will be stored in the dist/ngx-bootstrap-navbar folder.

    Development server

    Run npm run develop for building the lib and watch it's changes, then run npm run start for a dev server. Navigate to http://localhost:4203/. The app will automatically reload if you change any of the source files.

    Install

    npm i ngx-bootstrap-navbar

    DownloadsWeekly Downloads

    575

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    79.7 kB

    Total Files

    18

    Last publish

    Collaborators

    • totati