Find Similar Packages for @ng-bootstrap/ng-bootstrap
Search packages..
1 Year
@ng-bootstrap/ng-bootstrapSimilar Packages:
NPM Package Downloads Trend
Stat Detail
Package
Downloads
Stars
Size
Issues
Publish
License
@ng-bootstrap/ng-bootstrap646,9698,2183.33 MB4153 months agoMIT
Similar Npm Packages to @ng-bootstrap/ng-bootstrap

@ng-bootstrap/ng-bootstrap is a popular UI component library for Angular applications that provides a set of Bootstrap components built specifically for Angular. It allows developers to use Bootstrap's styling and components without relying on jQuery, making it a great choice for Angular developers who want to maintain a clean and efficient codebase. The library includes a wide range of components such as modals, tooltips, dropdowns, and more, all designed to integrate seamlessly with Angular's reactive forms and change detection.

While @ng-bootstrap/ng-bootstrap is a robust option for Angular UI components, there are several alternatives that developers might consider:

  • angular-material is the official Material Design component library for Angular. It provides a comprehensive set of UI components that adhere to Google’s Material Design guidelines, ensuring a modern and responsive design. Angular Material is ideal for developers looking to create applications with a clean and consistent user interface that follows Material Design principles. It includes components like buttons, cards, dialogs, and more, along with a powerful theming system for customization.
  • ngx-bootstrap is another library that offers Bootstrap components for Angular applications. Similar to @ng-bootstrap/ng-bootstrap, ngx-bootstrap provides a set of components that are designed to work with Angular, but it also allows for more customization and flexibility. If you prefer to use Bootstrap components but want additional features or customization options, ngx-bootstrap is a solid alternative.
  • primeng is a rich set of UI components for Angular applications that offers a wide variety of features and functionalities. Primeng includes components like data tables, charts, and form inputs, making it suitable for building complex user interfaces. It also provides themes and customization options, allowing developers to create visually appealing applications. If you need a comprehensive set of components with advanced features, Primeng is worth considering.

For a detailed comparison of these libraries, check out the link: Comparing @ng-bootstrap/ng-bootstrap vs angular-material vs ngx-bootstrap vs primeng.

README for @ng-bootstrap/ng-bootstrap

NG Bootstrap - Angular-powered Bootstrap widgets

npm version Build Status codecov devDependency Status Sauce Test Status

Angular widgets built from the ground up using only Bootstrap 5 CSS with APIs designed for the Angular ecosystem.

Please check our demo site and the list of issues to see all the things we are working on. Feel free to make comments there.

Table of Contents

Demo

Please check all components we have in action at https://ng-bootstrap.github.io

Dependencies

The only dependencies are Angular, Bootstrap 5 CSS, and Popper.

Angular and Popper are explicitly listed as peer dependencies, while Bootstrap is not, as they don't release their CSS separately. The table below simply lists the exact version of Bootstrap CSS against which the corresponding versions of ng-bootstrap are tested.

| ng-bootstrap | Angular | Bootstrap CSS | Popper | | ------------ | ------- | ------------- | ------- | | 1.x.x | ^5.0.2 | 4.0.0 | | | 2.x.x | ^6.0.0 | 4.0.0 | | | 3.x.x | ^6.1.0 | 4.0.0 | | | 4.x.x | ^7.0.0 | 4.0.0 | | | 5.x.x | ^8.0.0 | 4.3.1 | | | 6.x.x | ^9.0.0 | 4.4.1 | | | 7.x.x, 8.x.x | ^10.0.0 | 4.5.0 | | | 9.x.x | ^11.0.0 | 4.5.0 | | | 10.x.x | ^12.0.0 | 4.5.0 | | | 11.x.x | ^13.0.0 | 4.6.0 | | | 12.x.x | ^13.0.0 | 5.0.0 | ^2.10.2 | | 13.x.x | ^14.1.0 | 5.2.0 | ^2.10.2 | | 14.x.x | ^15.0.0 | 5.2.3 | ^2.11.6 | | 15.x.x | ^16.0.0 | 5.2.3 | ^2.11.6 | | 16.x.x | ^17.0.0 | 5.3.2 | ^2.11.8 | | 17.x.x | ^18.0.0 | 5.3.2 | ^2.11.8 |

Installation

We strongly recommend using Angular CLI for setting up a new project. If you have an Angular CLI project, you could simply use our schematics to add ng-bootstrap library to it.

Just run the following:

ng add @ng-bootstrap/ng-bootstrap

It will install ng-bootstrap for the default application specified in your angular.json. If you have multiple projects and you want to target a specific application, you could specify the --project option:

ng add @ng-bootstrap/ng-bootstrap --project myProject

If you prefer not to use schematics and install everything manually, please refer to the manual installation instructions on our website.

Supported browsers

We support the same browsers and versions supported by both Bootstrap 4 and Angular, whichever is more restrictive. See Angular browser support and Bootstrap browser support for more details.

Our code is automatically tested on all supported browsers.

Getting help

Please, do not open issues for the general support questions as we want to keep GitHub issues for bug reports and feature requests. You've got much better chances of getting your question answered on StackOverflow where maintainers are looking at questions tagged with ng-bootstrap.

StackOverflow is a much better place to ask questions since:

  • there are hundreds of people willing to help on StackOverflow
  • questions and answers stay available for public viewing so your question/answer might help someone else
  • Stack Overflow's voting system assures that the best answers are prominently visible.

To save your and our time we will be systematically closing all the issues that are requests for general support and redirecting people to StackOverflow.

Do you think you've found a bug?

We want to fix it ASAP! But before fixing a bug we need to reproduce and confirm it.

We ask you to respect two things:

  • fill the GitHub issue template by providing the bug description and appropriate versions of Angular, ng-bootstrap and TypeScript
  • provide a use-case that fails with a minimal reproduction scenario using StackBlitz (you can start by forking one from our demo page)

A minimal reproduction scenario allows us to quickly confirm a bug (or point out a coding problem) as well as confirm that we are fixing the right problem.

Please note that we will be insisting on a minimal reproduction scenario in order to save maintainers time and ultimately be able to fix more bugs. We'll mark the issue as non-actionable without it and close if not heard from the reporter.

Interestingly, from our experience users often find coding problems themselves while preparing a minimal StackBlitz. We understand that sometimes it might be hard to extract essential bits of code from a larger code-base but we really need to isolate the problem before we can fix it.

Contributing to the project

Please check DEVELOPER.md for documentation on running the project locally and CONTRIBUTING.md for contribution guidelines.

Code of conduct

Please take a moment and read our Code of Conduct

Terms & PrivacyProduct HuntJSON to TypeScriptCopilotChat for Web Dev