{"id":16455430,"url":"https://github.com/jonathan-grah/vue-roaster","last_synced_at":"2025-08-20T15:39:35.045Z","repository":{"id":47303093,"uuid":"203576039","full_name":"jonathan-grah/vue-roaster","owner":"jonathan-grah","description":"Toast alerts (initially developed for Vue.js with a material-design style)","archived":false,"fork":false,"pushed_at":"2024-08-30T10:48:41.000Z","size":1405,"stargazers_count":0,"open_issues_count":2,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T14:58:26.739Z","etag":null,"topics":["material","notifications","toasts"],"latest_commit_sha":null,"homepage":null,"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/jonathan-grah.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":"2019-08-21T12:06:58.000Z","updated_at":"2022-09-05T16:25:43.000Z","dependencies_parsed_at":"2023-12-21T01:19:03.753Z","dependency_job_id":"09ec95ae-2fb6-4675-9551-cfbd287de81f","html_url":"https://github.com/jonathan-grah/vue-roaster","commit_stats":{"total_commits":56,"total_committers":3,"mean_commits":"18.666666666666668","dds":0.3571428571428571,"last_synced_commit":"a0f5249ed459e1ae70e30029caf6aca368ab47f1"},"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathan-grah%2Fvue-roaster","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathan-grah%2Fvue-roaster/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathan-grah%2Fvue-roaster/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jonathan-grah%2Fvue-roaster/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jonathan-grah","download_url":"https://codeload.github.com/jonathan-grah/vue-roaster/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245090847,"owners_count":20559296,"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":["material","notifications","toasts"],"created_at":"2024-10-11T10:22:26.659Z","updated_at":"2025-03-23T10:32:42.927Z","avatar_url":"https://github.com/jonathan-grah.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# toasters\n\n\u003e Toast alerts/notifications (initially developed for Vue.js with a material-design style)\n\n## Installation\n\n`npm install --save --production toasters`\n\n## Usage\n\n**HTML:**\n\n```html\n\u003cdiv id=\"toasts-container\" class=\"position-right position-bottom\"\u003e\n  \u003cdiv id=\"toasts-content\"\u003e\n    \u003c!-- toasts will be added or removed from here --\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n**JS:**\n\n```js\nimport Toast from \"toasters\";\n\n// example\nnew Toast({\n  content: \"Hello World\",\n  interactable: false\n});\n\n// or\nnew Toast(\"Hello World\");\n\n// or\nnew Toast(\"Hello World\", { persistent: true, timeout: 9000 });\n```\n\n**Preview:**\n\n![preview of visible toast on webpage](https://i.imgur.com/UvXaEkD.png)\n\n## Options\n\n| Option | Type | Default | Description |\n| --- | --- | --- | --- |\n| **`content`** | String | `\"\"` | The notification message. |\n| **`persistent`** | Boolean | `false` | Whether or not the toast is persistent. |\n| **`interactable`** | Boolean | `true` | If the toast can be manually closed or not. |\n| **`timeout`** | Number | `6000` | How long till the toast disappears. *Note: will be ignored if the toast is persistent.* |\n| **`visible`** | Boolean | `true` | If the toast will be visible when instantiated. |\n\n## Potential future additions\n\n- Error handling (i.e. you haven't provided any content for the toast)\n- Ability to parse markdown or html\n\n\u003c!--See [example](https://github.com/jonathan-grah/vue-roaster/tree/master/example) folder for more details.--\u003e\n\n## Contributing\n\n```bash\n# install dependencies\nnpm install\n\n# watch files for changes with webpack\nnpm run dev\n\n# build for production with minification\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathan-grah%2Fvue-roaster","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjonathan-grah%2Fvue-roaster","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjonathan-grah%2Fvue-roaster/lists"}