{"id":30180797,"url":"https://github.com/timohanisch/material-ui-notifications","last_synced_at":"2025-08-12T08:02:44.182Z","repository":{"id":57292145,"uuid":"114266645","full_name":"TimoHanisch/material-ui-notifications","owner":"TimoHanisch","description":"Material Design spec compliant notifciation implementation for the web. Inspired by react-materialui-notifications","archived":false,"fork":false,"pushed_at":"2018-06-03T16:10:27.000Z","size":318,"stargazers_count":10,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-08-06T09:54:12.607Z","etag":null,"topics":["component","javascript","jsx","material-design","material-ui","notifications","react","web"],"latest_commit_sha":null,"homepage":"","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/TimoHanisch.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2017-12-14T15:30:17.000Z","updated_at":"2021-10-02T23:01:51.000Z","dependencies_parsed_at":"2022-08-27T16:50:45.593Z","dependency_job_id":null,"html_url":"https://github.com/TimoHanisch/material-ui-notifications","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TimoHanisch/material-ui-notifications","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimoHanisch%2Fmaterial-ui-notifications","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimoHanisch%2Fmaterial-ui-notifications/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimoHanisch%2Fmaterial-ui-notifications/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimoHanisch%2Fmaterial-ui-notifications/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TimoHanisch","download_url":"https://codeload.github.com/TimoHanisch/material-ui-notifications/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TimoHanisch%2Fmaterial-ui-notifications/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270024697,"owners_count":24514054,"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","status":"online","status_checked_at":"2025-08-12T02:00:09.011Z","response_time":80,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["component","javascript","jsx","material-design","material-ui","notifications","react","web"],"created_at":"2025-08-12T08:02:43.106Z","updated_at":"2025-08-12T08:02:44.174Z","avatar_url":"https://github.com/TimoHanisch.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Material-UI Notifications\n\n[![https://nodei.co/npm/material-ui-notifications.png?downloads=true\u0026downloadRank=true\u0026stars=true](https://nodei.co/npm/material-ui-notifications.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://www.npmjs.com/package/material-ui-notifications)\n\nMaterial-UI Notification offers components and functionality to use a web version of the Material Desing notifications as seen\nin the [Documentation](https://material.io/guidelines/patterns/notifications.html#notifications-anatomy-of-a-notification).\n\nTo implement the components we use [Material-UI](https://github.com/mui-org/material-ui) (\u003c v1.0.0) and [React Flip Move](https://github.com/joshwcomeau/react-flip-move).\n\n# Installation\n\nTo use all components you have to add `material-ui-notifications` to your dependencies.\n\n**Yarn**\n```bash\n\u003e yarn add material-ui-notifications\n```\n\n**npm**\n```bash\n\u003e npm install -S material-ui-notifications\n```\n# Examples\n\n**Simple usage of a notification**\n\n```jsx\n\u003cNotification\n    headerLabel=\"Mail\"\n    onClose={e =\u003e { this.setState({ showNotification: false }); }}\n    title=\"Timo Hanisch\"\n    text=\"Yeah this seems like a pretty good idea!\"\n /\u003e\n```\n\n**Simple usage of a notification container**\n\n```jsx\nimport { NotificationActions, NotificationContainer } from 'material-ui-notifications';\n...\n\u003cdiv\u003e\n    \u003cNotificationContainer /\u003e\n    \u003cbutton onClick={\n        e =\u003e { \n            NotificationActions.addNotification(\n                {\n                    headerLabel: \"Mail\",\n                    secondaryHeaderLabel: \"timohanisch@googlemail.com\",\n                    timestamp: \"Now\",\n                    primaryColor: \"#ff0000\",\n                    title: \"Timo Hanisch\",\n                    text: \"Yeah this seems like a pretty good idea!\",\n                }\n            ); \n        }}\n    \u003e\n    Click me\n    \u003c/button\u003e\n \u003c/div\u003e\n...\n```\n\n# Demo\n\nTo run the demo clone the repository and then run following commands. We use [Storybook](https://github.com/storybooks/storybook) to test \n\n```bash\n\u003e yarn\n\n\u003e yarn storybook\n```\n\n# Documentation\n\nThe documentation for all components and functionalities can be found [here](/documentation/api.md)\n\n# License\nThe Project is Licensed under the [MIT License](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimohanisch%2Fmaterial-ui-notifications","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftimohanisch%2Fmaterial-ui-notifications","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftimohanisch%2Fmaterial-ui-notifications/lists"}