{"id":13479207,"url":"https://github.com/emilkowalski/sonner","last_synced_at":"2025-09-09T20:57:28.907Z","repository":{"id":77836998,"uuid":"605531164","full_name":"emilkowalski/sonner","owner":"emilkowalski","description":"An opinionated toast component for React.","archived":false,"fork":false,"pushed_at":"2025-04-01T08:55:37.000Z","size":1205,"stargazers_count":10259,"open_issues_count":7,"forks_count":322,"subscribers_count":13,"default_branch":"main","last_synced_at":"2025-05-05T17:29:20.394Z","etag":null,"topics":["notifications","react","toast"],"latest_commit_sha":null,"homepage":"https://sonner.emilkowal.ski","language":"TypeScript","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/emilkowalski.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":"FUNDING.yml","license":"LICENSE.md","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,"zenodo":null},"funding":{"github":"emilkowalski"}},"created_at":"2023-02-23T11:01:18.000Z","updated_at":"2025-05-05T16:39:53.000Z","dependencies_parsed_at":"2023-12-22T04:06:12.378Z","dependency_job_id":"9594a246-92dd-434b-b62e-35e6af5c39ee","html_url":"https://github.com/emilkowalski/sonner","commit_stats":null,"previous_names":[],"tags_count":32,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fsonner","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fsonner/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fsonner/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emilkowalski%2Fsonner/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emilkowalski","download_url":"https://codeload.github.com/emilkowalski/sonner/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253928551,"owners_count":21985793,"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":["notifications","react","toast"],"created_at":"2024-07-31T16:02:11.456Z","updated_at":"2025-05-13T10:50:32.976Z","avatar_url":"https://github.com/emilkowalski.png","language":"TypeScript","funding_links":["https://github.com/sponsors/emilkowalski"],"categories":["TypeScript","Notification","前端开发框架及项目","UI Components","🌐 Web Development - Frontend","Components"],"sub_categories":["Save","React工具库","Notification","Unofficial"],"readme":"https://github.com/vallezw/sonner/assets/50796600/59b95cb7-9068-4f3e-8469-0b35d9de5cf0\n\n[Sonner](https://sonner.emilkowal.ski/) is an opinionated toast component for React. You can read more about why and how it was built [here](https://emilkowal.ski/ui/building-a-toast-component).\n\n## Usage\n\nTo start using the library, install it in your project:\n\n```bash\nnpm install sonner\n```\n\nAdd `\u003cToaster /\u003e` to your app, it will be the place where all your toasts will be rendered.\nAfter that you can use `toast()` from anywhere in your app.\n\n```jsx\nimport { Toaster, toast } from 'sonner';\n\n// ...\n\nfunction App() {\n  return (\n    \u003cdiv\u003e\n      \u003cToaster /\u003e\n      \u003cbutton onClick={() =\u003e toast('My first toast')}\u003eGive me a toast\u003c/button\u003e\n    \u003c/div\u003e\n  );\n}\n```\n\n## Documentation\n\nFind the full API reference in the [documentation](https://sonner.emilkowal.ski/getting-started).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilkowalski%2Fsonner","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femilkowalski%2Fsonner","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femilkowalski%2Fsonner/lists"}