Gathering detailed insights and metrics for ngx-bootstrap-modal-custom
Gathering detailed insights and metrics for ngx-bootstrap-modal-custom
Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
Installations
npm install ngx-bootstrap-modal-customDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
8.10.0
NPM Version
5.6.0
Releases
141
Languages
7
TypeScript
HTML
SCSS
JavaScript
CSS
Shell
Dockerfile
TypeScript (90.95%)
HTML (5.7%)
SCSS (1.59%)
JavaScript (1.06%)
CSS (0.52%)
Shell (0.16%)
Dockerfile (0.01%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
5,539 Stars
2,613 Commits
1,693 Forks
199 Watchers
58 Branches
329 Contributors
Updated on Jul 15, 2025
Maintainers
1
Package Meta Information
Latest Version
0.1.0
Package Id
ngx-bootstrap-modal-custom@0.1.0
Unpacked Size
425.94 kB
Size
82.98 kB
File Count
129
NPM Version
5.6.0
Node Version
8.10.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
3
ngx-bootstrap
Best way to quickly integrate Bootstrap 3 or Bootstrap 4 Components with Angular
Links
Table of contents
Getting Started
ngx-bootstrap contains all core (and not only) Bootstrap components powered by Angular. So you don't need to include original JS components, but we are using markup and css provided by Bootstrap.
Installation instructions
Install ngx-bootstrap from npm:
1npm install ngx-bootstrap --save
Add needed package to NgModule imports:
import { TooltipModule } from 'ngx-bootstrap/tooltip';
@NgModule({
...
imports: [TooltipModule.forRoot(),...]
...
})
Add component to your page:
<button type="button" class="btn btn-primary"
tooltip="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
Simple demo
</button>
You will need bootstrap styles:
Bootstrap 3
<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
Bootstrap 4
<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
Setting up the bootstrap version manually
Sometimes, your project might contain some library that could interfear with the bootstrap framework, or you might have a customized version of bootstrap. The consequence is that the process of determining bootstrap version might be failed, which can break the UI. In that case, we can still set the bootstrap version manually in the boostraping component (i.e. AppComonent):
import { setTheme } from 'ngx-bootstrap/utils';
@Component({...})
export class AppComponent {
constructor() {
setTheme('bs3'); // or 'bs4'
...
}
}
Usage & Demo
Main source of API documentation and usage scenarios available here: https://valor-software.com/ngx-bootstrap/
Additionally you can find demos and docs deployed from latest code with angular v4 and angular v5
Server side rendered version of this documentation available here
API
Check demo page for API reference
How to use it with:
Bootstrap and angular-cliplease refer to using-with-bootstrap-and-angular-cliangular-seedplease refer to getting-started-with-angular-seedsystem.js(and angular2 quickstart) please checkout sample repositoryplnkrsample available hereAoT using ngc and rollupplease refer to ngx-bootstrap-with-aotASP.NET Core 2.0please refer to using-with-asp.net-core-2
How to build lib for development
First time:
- clone repository
npm installnpm run test
To update your fork and prepare it for local usage:
git pull upstream developmentrm -rf node_modulesnpm installnpm run test// it will build the lib, create a link in node_modules and run package's "test" script
To run the demo:
npm run demo.serve// to serve local demo. This is for testing only, without watchers.
For local development run:
npm run build.watch// in first terminalng serve// in second
If you want to run the demo with Angular Universal:
npm run demo.serve-universal
Troubleshooting
So if you are in trouble, here's where you can look for help.
The best place to ask questions is on StackOverflow (under the ngx-bootstrap tag)
You can also join our Slack channel and link your stackoverflow question there. But try to avoid asking generic help questions directly on Slack since they can easily get lost in the chat. You can also search among the existing GitHub issues.
If, and only if, none of the above helped, please open a new issue.
Contribution
Are very welcome! And remember, contribution is not only PRs and code, but any help with docs or helping other developers to solve issues are very appreciated! Thanks in advance!
Please read our contribution guidelines.
If you need more modules check here
Please read central ngx modules readme for details, plans and approach
Credits
Crossbrowser testing sponsored by Browser Stack
License
MIT
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
no binaries found in the repo
Reason
Found 27/30 approved changesets -- score normalized to 9
Reason
7 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 5
Reason
dependency not pinned by hash detected -- score normalized to 1
Details
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-gh-release.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-gh-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-gh-release.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-gh-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-gh-release.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-gh-release.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-gh-release.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-gh-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:55: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:60: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:77: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:78: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:82: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:96: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:97: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:111: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:112: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:116: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:137: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:138: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:142: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:160: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:177: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:178: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:182: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:202: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:41: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-push-or-pull.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-push-or-pull.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-release.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:49: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:76: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:77: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:82: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:86: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-release.yml:101: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:113: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:114: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-release.yml:118: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-release.yml:122: update your workflow using https://app.stepsecurity.io/secureworkflow/valor-software/ngx-bootstrap/on-release.yml/development?enable=pin
- Warn: containerImage not pinned by hash: _root/Dockerfile:1: pin your Docker image by updating node to node@sha256:e7db48bc35ee8d2e8d1511dfe779d78076966bd101ab074ea2858da8d59efb7f
- Warn: npmCommand not pinned by hash: _root/Dockerfile:11
- Warn: npmCommand not pinned by hash: _root/scripts/ci/npm-ng-latest.sh:3
- Warn: npmCommand not pinned by hash: _root/scripts/ci/npm-ng-min.sh:3
- Warn: npmCommand not pinned by hash: _root/scripts/ci/npm-ng-next.sh:1
- Info: 0 out of 34 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 7 third-party GitHubAction dependencies pinned
- Info: 0 out of 1 containerImage dependencies pinned
- Info: 2 out of 6 npmCommand dependencies pinned
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/on-gh-release.yml:1
- Warn: no topLevel permission defined: .github/workflows/on-push-or-pull.yml:1
- Warn: no topLevel permission defined: .github/workflows/on-release.yml:1
- Info: no jobLevel write permissions found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 28 are checked with a SAST tool
Reason
10 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-h5c3-5r3r-rr8q
- Warn: Project is vulnerable to: GHSA-rmvr-2pp2-xj38
- Warn: Project is vulnerable to: GHSA-xx4v-prfh-6cgc
- Warn: Project is vulnerable to: GHSA-r7jx-5m6m-cpg9
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-x2rg-q646-7m2v
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-cchq-frgv-rjh5
- Warn: Project is vulnerable to: GHSA-g644-9gfx-q4q4
Score
4.3
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More