{"id":20527886,"url":"https://github.com/gabrielbs/react-component-swiper","last_synced_at":"2025-04-14T04:33:03.619Z","repository":{"id":95945857,"uuid":"133596228","full_name":"gabrielbs/react-component-swiper","owner":"gabrielbs","description":"A carousel of React components","archived":false,"fork":false,"pushed_at":"2019-01-11T12:59:17.000Z","size":291,"stargazers_count":4,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-03-25T05:43:22.127Z","etag":null,"topics":["react","react-components","reactjs","renderprops"],"latest_commit_sha":null,"homepage":"","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/gabrielbs.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":"2018-05-16T01:59:56.000Z","updated_at":"2020-02-06T18:28:00.000Z","dependencies_parsed_at":"2023-04-23T21:52:03.914Z","dependency_job_id":null,"html_url":"https://github.com/gabrielbs/react-component-swiper","commit_stats":{"total_commits":35,"total_committers":3,"mean_commits":"11.666666666666666","dds":0.08571428571428574,"last_synced_commit":"adeb1e8b934038f8175939c3f72bf1f6bb72b907"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-component-swiper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-component-swiper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-component-swiper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gabrielbs%2Freact-component-swiper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gabrielbs","download_url":"https://codeload.github.com/gabrielbs/react-component-swiper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248821798,"owners_count":21166958,"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":["react","react-components","reactjs","renderprops"],"created_at":"2024-11-15T23:21:10.242Z","updated_at":"2025-04-14T04:33:03.604Z","avatar_url":"https://github.com/gabrielbs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![Build Status](https://travis-ci.org/gabrielbs/react-component-swiper.svg?branch=master)](https://travis-ci.org/gabrielbs/react-component-swiper)\n\n# React Component Swiper\n\nReact Component Swiper was full build with render props for full control of your logic and maximum re-use  as possible\n\n### Install\n```\nnpm install --save react-component-swiper\n```\n\n### Demo\nhttps://gabrielbs.github.io/react-component-swiper/example/\n\n### Example\n```javascript\nimport ComponentSwiper from 'react-component-swiper'\n\n\u003cComponentSwiper\n  data={[\n    \u003cExampleComponent number={1} /\u003e,\n    \u003cExampleComponent number={2} /\u003e,\n    \u003cdiv className='example'\u003e3\u003c/div\u003e\n   ]}\n   arrowRight={(props) =\u003e (\n     \u003cbutton onClick={() =\u003e props.goNext()}\u003egoNext\u003c/button\u003e\n   )}\n   arrowLeft={(props) =\u003e (\n     \u003ca href=\"#\" onClick={() =\u003e props.goPrev()}\u003egoPrev\u003c/a\u003e\n   )}\n   conditionNext={true}\n   conditionPrev={true}\n/\u003e\n```\n### Running example locally\n```\nnpm run dev\n```\nThen access your localhost on port 9000 http://localhost:9000\n\n### Props\n\n - #### data: React.PropTypes.array\n\tAn array of components\n- #### arrowRight: React.PropTypes.func\n\tA function for render an markup (a button for example) tag with access of goNext() method\n- #### arrowLeft: React.PropTypes.func\n\tA function for render an markup tag (a button for example) with access of goPrev() method\n- #### conditionNext: React.PropTypes.bool\n\tConditional for go to next slide\n- #### conditionPrev: React.PropTypes.bool\n\tConditional for go to prev slide\n\n## License\n[MIT](http://opensource.org/licenses/MIT) ©\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielbs%2Freact-component-swiper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgabrielbs%2Freact-component-swiper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgabrielbs%2Freact-component-swiper/lists"}