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
Dependencies
Installation
Supported browsers
Getting help
Do you think you've found a bug?
Contributing to the project
Code of conduct
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
.
The minimal supported versions are:
ng-bootstrap
Angular
Bootstrap CSS
Popper
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