{"id":20301046,"url":"https://github.com/chadly/react-bs-notifier","last_synced_at":"2025-04-06T18:17:44.513Z","repository":{"id":30958556,"uuid":"34516690","full_name":"chadly/react-bs-notifier","owner":"chadly","description":"A react component to show growl-like notifications using bootstrap alerts","archived":false,"fork":false,"pushed_at":"2022-11-10T17:01:58.000Z","size":8776,"stargazers_count":111,"open_issues_count":12,"forks_count":26,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-30T17:09:24.426Z","etag":null,"topics":["bootstrap","growl","javascript","notifications","react"],"latest_commit_sha":null,"homepage":"https://chadly.github.io/react-bs-notifier/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chadly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-04-24T12:11:24.000Z","updated_at":"2023-08-17T16:36:11.000Z","dependencies_parsed_at":"2023-01-14T18:02:28.922Z","dependency_job_id":null,"html_url":"https://github.com/chadly/react-bs-notifier","commit_stats":null,"previous_names":[],"tags_count":31,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chadly%2Freact-bs-notifier","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chadly%2Freact-bs-notifier/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chadly%2Freact-bs-notifier/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chadly%2Freact-bs-notifier/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chadly","download_url":"https://codeload.github.com/chadly/react-bs-notifier/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247526770,"owners_count":20953143,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["bootstrap","growl","javascript","notifications","react"],"created_at":"2024-11-14T16:23:29.196Z","updated_at":"2025-04-06T18:17:44.496Z","avatar_url":"https://github.com/chadly.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Bootstrap Notifier\n\n\u003e A react component to show growl-like notifications using [bootstrap alerts](https://getbootstrap.com/docs/4.5/components/alerts/).\n\nSee a [live demo](https://chadly.github.io/react-bs-notifier/).\n\n## Usage\n\n```\nnpm install react-bs-notifier --save\n```\n\nTo show a list of different types of alerts in the top right corner of the page:\n\n```js\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { AlertList } from \"react-bs-notifier\";\n\nconst alerts = [{\n\tid: 1,\n\ttype: \"info\",\n\tmessage: \"Hello, world\"\n}, {\n\tid: 2,\n\ttype: \"success\",\n\tmessage: \"Oh, hai\"\n}]\n\nReactDOM.render((\n\t\u003cAlertList alerts={alerts} /\u003e\n), document.getElementById(\"myApp\"));\n```\n\nOr to show a single inline-alert:\n\n```js\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Alert } from \"react-bs-notifier\";\n\nReactDOM.render((\n\t\u003cAlert type=\"danger\" headline=\"Error!\"\u003e\n\t\tHoly cow, man!\n\t\u003c/Alert\u003e\n), document.getElementById(\"myApp\"));\n```\n\nOr show alerts without creating an array (equivalent to first example):\n\n```js\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Alert, AlertContainer } from \"react-bs-notifier\";\n\nReactDOM.render((\n\t\u003cAlertContainer\u003e\n\t\t\u003cAlert type=\"info\"\u003eHello, world\u003c/Alert\u003e\n\t\t\u003cAlert type=\"success\"\u003eOh, hai\u003c/Alert\u003e\n\t\u003c/AlertContainer\u003e\n), document.getElementById(\"myApp\"));\n```\n\n[Read the documentation](https://chadly.github.io/react-bs-notifier/) for more in-depth, interactive examples and live demos.\n\n## Contributing\n\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)\n\nIf you have a new feature or change you'd like to submit, please submit an issue first to talk about the change you want to make. When you are finished making your change, please make sure to also update the documentation. Once you clone this repo, you can run the docs \u0026 example app locally:\n\n```\nnpm install\nnpm start\n```\n\nThis will spin up a webpack dev server on port 1341. Open your browser to [localhost:1341](http://localhost:1341/) and any changes you make will build \u0026 refresh the page automatically.\n\n### Linting\n\nTo run the linter:\n\n```\nnpm run lint\n```\n\nThis project uses [prettier for formatting](https://github.com/prettier/prettier) and will fail linting if the code doesn't conform to prettier's output. To automatically fix any formatting issues, run:\n\n```\nnpm run lint -- --fix\n```\n\nOr, if you are using an editor that supports [ESLint](http://eslint.org/), just make sure to enable automatically fixing lint errors on save. E.g., in [Visual Studio Code](https://code.visualstudio.com/) with the [ESLint plugin](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint), make sure this is in your `settings.json`:\n\n```json\n{\n  \"eslint.autoFixOnSave\": true\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchadly%2Freact-bs-notifier","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchadly%2Freact-bs-notifier","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchadly%2Freact-bs-notifier/lists"}