{"id":30185914,"url":"https://github.com/claeusdev/react-flash-message","last_synced_at":"2025-09-02T18:42:05.869Z","repository":{"id":39094983,"uuid":"271687836","full_name":"claeusdev/react-flash-message","owner":"claeusdev","description":"A very simple react flash notification component.","archived":false,"fork":false,"pushed_at":"2025-03-11T21:41:02.000Z","size":3796,"stargazers_count":3,"open_issues_count":18,"forks_count":6,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-08-31T17:04:17.600Z","etag":null,"topics":["hacktoberfest","react"],"latest_commit_sha":null,"homepage":"https://react-flash.netlify.app/","language":"JavaScript","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/claeusdev.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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-06-12T02:11:57.000Z","updated_at":"2024-12-28T12:18:00.000Z","dependencies_parsed_at":"2025-08-12T14:28:03.050Z","dependency_job_id":"c15a507a-f5c1-4975-b94f-cff4f508449d","html_url":"https://github.com/claeusdev/react-flash-message","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/claeusdev/react-flash-message","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/claeusdev%2Freact-flash-message","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/claeusdev%2Freact-flash-message/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/claeusdev%2Freact-flash-message/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/claeusdev%2Freact-flash-message/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/claeusdev","download_url":"https://codeload.github.com/claeusdev/react-flash-message/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/claeusdev%2Freact-flash-message/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273332957,"owners_count":25086966,"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-09-02T02:00:09.530Z","response_time":77,"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":["hacktoberfest","react"],"created_at":"2025-08-12T14:09:45.626Z","updated_at":"2025-09-02T18:42:05.808Z","avatar_url":"https://github.com/claeusdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## An awesome simple flash notifications component for React applications.\n\nA simple React component to display flash messages\n\n### DEMO\n\n![demo-widget-toast](https://user-images.githubusercontent.com/13206817/139505336-9216fdf3-8d44-4a44-a44f-04069a7ca4ed.gif)\n### USAGE\n\n```js\n  \u003cToast\n    type={type}\n    message={message}\n    duration={3000}\n    active={active}\n    setActive={setActive}\n    position={position}\n  /\u003e\n```\n\n#### Properties available - API\n\n| Property | Description | Values accepted |\n|----------|--------------|----------|\n| type | The alert type | `error`, `warning`, or `success` |\n| message | The message that will be displayed | any `string` |\n| duration | The duration that the toast will appear on screen  | `time in milliseconds` |\n| active | A boolean value that indicates if the toast is showing or not  | `true` or `false` |\n| setActive | A function that controls the active attribute state  | `function` |\n| position | The position the the toast will be appear on screen  | `bleft`, `bright`, `tright`, `tleft`, `tcenter`, or `bcenter` |\n| width | The width of the widget  | `small`, `medium`, `large`, or `full` |\n\n### Development\n\n#### Node version\n\n- Node 14 or less\n- Npm 6\n\n#### Run project\n\n```sh\nnpm start\n```\n\n#### Run build\n\n```sh\nnpm run build\n```\n\n### Security policy\n\n- See our [SECURITY](./SECURITY.md) for details\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaeusdev%2Freact-flash-message","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclaeusdev%2Freact-flash-message","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaeusdev%2Freact-flash-message/lists"}