{"id":17382057,"url":"https://github.com/AlexKvazos/VanillaToasts","last_synced_at":"2025-02-27T10:31:00.691Z","repository":{"id":32730930,"uuid":"36321040","full_name":"AlexKvazos/VanillaToasts","owner":"AlexKvazos","description":"Agnostic Javascript Library for Website Notifications","archived":false,"fork":false,"pushed_at":"2023-01-07T05:52:17.000Z","size":25,"stargazers_count":105,"open_issues_count":5,"forks_count":41,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-10-11T02:19:02.495Z","etag":null,"topics":["css","notifications","toasts"],"latest_commit_sha":null,"homepage":"http://alexkvazos.github.io/VanillaToasts/","language":"HTML","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/AlexKvazos.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}},"created_at":"2015-05-26T20:11:16.000Z","updated_at":"2024-06-30T01:17:57.000Z","dependencies_parsed_at":"2023-01-14T22:03:59.420Z","dependency_job_id":null,"html_url":"https://github.com/AlexKvazos/VanillaToasts","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexKvazos%2FVanillaToasts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexKvazos%2FVanillaToasts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexKvazos%2FVanillaToasts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AlexKvazos%2FVanillaToasts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AlexKvazos","download_url":"https://codeload.github.com/AlexKvazos/VanillaToasts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219842872,"owners_count":16556565,"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":["css","notifications","toasts"],"created_at":"2024-10-16T07:05:16.859Z","updated_at":"2024-10-16T07:05:18.095Z","avatar_url":"https://github.com/AlexKvazos.png","language":"HTML","funding_links":[],"categories":["UI Components"],"sub_categories":["Notification, Snackbar and Toast"],"readme":"![VanillaToasts](http://puu.sh/iwxpd/eeee838c88.png)\n-------\n\nCreate toasts \u0026 notifications on your website with ease. This library is extremely lightweight and depends on no other library. Simply load the script and css to your page, and use the simple API to start launching toasts on your page.\n\nCheck it out: http://alexkvazos.github.io/VanillaToasts/\n\n# Installing\n\n```\n$ npm install vanillatoasts\n\nvar VanillaToasts = require('vanillatoasts');\n```\n\nDon't forget to include the CSS file!\n```\n \u003clink rel=\"stylesheet\" href=\"/path/to/vanillatoasts/vanillatoasts.css\"\u003e\n```\n\n# Usage\n\n```\n\n// Create a toast\nlet toast = VanillaToasts.create({\n  title: 'Welcome to my site',\n  text: 'This toast will hide after 5000ms or when you click it',\n  type: 'warning', // success, info, warning, error   / optional parameter\n  icon: '/img/alert-icon.jpg', // optional parameter\n  timeout: 5000, // hide after 5000ms, // optional parameter\n  callback: function() { ... } // executed when toast is clicked / optional parameter\n});\n\n// Hides the toast instantly\ntoast.hide()\n\n// Timeout a toast at a later time\nVanillaToasts.setTimeout(toast.id, 1000);\n\n```\n\n## Positioning the toast\nTo set a different position for the toast, use the `positionClass` property on the options of VanillaToast.\n\n```\n// Create a toast\nlet toast = VanillaToasts.create({\n  title: 'Welcome to my site',\n  text: 'This toast will hide after 5000ms or when you click it',\n  positionClass: 'bottomLeft'\n});\n\n```\n\nYou can use any of the following values for the `positionClass` property:\n* topRight\n* topLeft\n* topCenter\n* bottomRight\n* bottomLeft\n* bottomCenter","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlexKvazos%2FVanillaToasts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAlexKvazos%2FVanillaToasts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAlexKvazos%2FVanillaToasts/lists"}