{"id":15184614,"url":"https://github.com/sir-captainmorgan21/ng-bootstrap-alert","last_synced_at":"2026-03-01T16:03:02.904Z","repository":{"id":171340234,"uuid":"111442535","full_name":"sir-captainmorgan21/ng-bootstrap-alert","owner":"sir-captainmorgan21","description":"Provides Bootstrap 4 driven alert messaging for your application.","archived":false,"fork":false,"pushed_at":"2018-06-13T02:09:29.000Z","size":1666,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-02-25T03:23:41.595Z","etag":null,"topics":["alert","angular","angular-2","angular-components","angular2","angular4","bootstrap","error-handling","error-messages","messaging","modules","notifications"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sir-captainmorgan21.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-20T17:37:39.000Z","updated_at":"2019-04-25T13:00:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"a026c2e2-8081-46ef-ac20-7086d7e1ed6e","html_url":"https://github.com/sir-captainmorgan21/ng-bootstrap-alert","commit_stats":{"total_commits":5,"total_committers":1,"mean_commits":5.0,"dds":0.0,"last_synced_commit":"1f07a7d64a3f0db4444b69940b8f43e38ed43ba9"},"previous_names":["sir-captainmorgan21/ng-bootstrap-alert"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sir-captainmorgan21/ng-bootstrap-alert","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sir-captainmorgan21%2Fng-bootstrap-alert","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sir-captainmorgan21%2Fng-bootstrap-alert/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sir-captainmorgan21%2Fng-bootstrap-alert/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sir-captainmorgan21%2Fng-bootstrap-alert/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sir-captainmorgan21","download_url":"https://codeload.github.com/sir-captainmorgan21/ng-bootstrap-alert/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sir-captainmorgan21%2Fng-bootstrap-alert/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29974324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T15:41:30.362Z","status":"ssl_error","status_checked_at":"2026-03-01T15:37:07.343Z","response_time":124,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alert","angular","angular-2","angular-components","angular2","angular4","bootstrap","error-handling","error-messages","messaging","modules","notifications"],"created_at":"2024-09-27T17:21:05.608Z","updated_at":"2026-03-01T16:03:02.889Z","avatar_url":"https://github.com/sir-captainmorgan21.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgBootstrapAlert\nProvides alert messaging for your application. Message styling is driven by [Bootstrap](https://getbootstrap.com/).\n\n## Table of Contents\n* [Demo](#demo)\n* [Installation](#installation)\n* [Setup](#setup)\n* [Configuration](#configuration)\n    * [Alert Types](#alert-types)\n    * [Alert Position](#alert-position)\n* [Usage Examples](#usage-examples)\n\n## Demo\nYou can clone down this repo to deploy a demo locally.\n\n## Installation\n```\nnpm install ng-bootstrap-alert\n```\n\n## Setup\nImport ```BootstrapAlertModule``` into your ```app.module```.\n```typescript\nimport { BootstrapAlertModule } from 'ng-bootstrap-alert';\n\n@NgModule({\n  ...\n  imports: [\n    BootstrapAlertModule\n  ],\n})\n```\nPlace the ```bootstrap-alert``` selector at the bottom of your app.component.html\n```html\n\u003cbootstrap-alert alertPosition=\"top-left\"\u003e\u003c/bootstrap-alert\u003e\n```\nImport ```BootstrapAlertService``` and ```BootstrapAlert``` into the component you want to intiate the alert.\n```typescript\nimport { BootstrapAlertService, BootstrapAlert } from 'ng-bootstrap-alert';\n```\n\n## Configuration\nThe ```BootstrapAlert``` object offers three exposed configurations.\n* ```message``` The message to be presented to the user\n* ```type``` The type of message. See purpose of type [here](#alert-types)\n* ```timeoutInMilliseconds``` How long the message will be displayed to the user before it fades away. Default timeout is 3000.\n\n### Alert Types\nThe following message types are avialable. The typess below represent the Bootstrap [alert](https://v4-alpha.getbootstrap.com/components/alerts/) classes.\n* alert-success\n* alert-info\n* alert-warning\n* alert-danger\n\n### Alert Position\nThe following locations are available. Pass the location into the ```bootstrap-alert``` component selector like so:\n```html\n\u003cbootstrap-alert alertPosition=\"top-left\"\u003e\u003c/bootstrap-alert\u003e\n```\n* top-left\n* top-center\n* top-right\n* bottom-left\n* bottom-center\n* bottom-right\n\n## Usage Examples\n### Basic Usage\n```typescript\nthis.bootstrapAlertService.alert(new BootstrapAlert(\"BootstrapAlert Message!\", \"alert-success\"));\n```\n### Custom Timeout\n```typescript\nvar alert = new BootstrapAlert(\"BootstrapAlert Message!\", \"alert-success\");\nalert.timeoutInMilliseconds = 1000;\nthis.bootstrapAlertService.alert(alert);\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsir-captainmorgan21%2Fng-bootstrap-alert","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsir-captainmorgan21%2Fng-bootstrap-alert","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsir-captainmorgan21%2Fng-bootstrap-alert/lists"}