{"id":17988591,"url":"https://github.com/pau1fitz/react-slidez","last_synced_at":"2025-05-11T15:48:55.067Z","repository":{"id":23524960,"uuid":"98988940","full_name":"Pau1fitz/react-slidez","owner":"Pau1fitz","description":"React Slideshow Component ➡️ ⬅️ ⬆️ ⬇️","archived":false,"fork":false,"pushed_at":"2023-02-22T22:46:28.000Z","size":1017,"stargazers_count":211,"open_issues_count":16,"forks_count":25,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-26T21:38:39.310Z","etag":null,"topics":["es6","javascript","react"],"latest_commit_sha":null,"homepage":"https://pau1fitz.github.io/react-slidez/","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/Pau1fitz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-08-01T10:21:56.000Z","updated_at":"2025-01-02T19:53:53.000Z","dependencies_parsed_at":"2024-01-16T06:11:28.870Z","dependency_job_id":"6a6526dc-667e-4577-976c-0a197fcb7d3b","html_url":"https://github.com/Pau1fitz/react-slidez","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pau1fitz%2Freact-slidez","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pau1fitz%2Freact-slidez/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pau1fitz%2Freact-slidez/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pau1fitz%2Freact-slidez/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pau1fitz","download_url":"https://codeload.github.com/Pau1fitz/react-slidez/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253438846,"owners_count":21908826,"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":["es6","javascript","react"],"created_at":"2024-10-29T19:12:07.544Z","updated_at":"2025-05-10T15:37:13.923Z","avatar_url":"https://github.com/Pau1fitz.png","language":"JavaScript","readme":"# React Slidez\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/pau1fitz/react-slidez/master/slidez.png\" width=\"250\"/\u003e\n \u003c/p\u003e\n \u003cp align=\"center\"\u003e\n  \u003cg-emoji alias=\"sparkles\" fallback-src=\"https://assets-cdn.github.com/images/icons/emoji/unicode/2728.png\" ios-version=\"6.0\"\u003e✨\u003c/g-emoji\u003e\nCustomisable React Slideshow component.\u003cg-emoji alias=\"sparkles\" fallback-src=\"https://assets-cdn.github.com/images/icons/emoji/unicode/2728.png\" ios-version=\"6.0\"\u003e✨\u003c/g-emoji\u003e\n\u003c/p\u003e\n\n## Demo\n\n\u003cg-emoji alias=\"muscle\" fallback-src=\"https://assets-cdn.github.com/images/icons/emoji/unicode/1f4aa.png\" ios-version=\"6.0\"\u003e💪\u003c/g-emoji\u003e\n[Live demo](http://pau1fitz.github.io/react-slidez/)\n\u003cg-emoji alias=\"muscle\" fallback-src=\"https://assets-cdn.github.com/images/icons/emoji/unicode/1f4aa.png\" ios-version=\"6.0\"\u003e💪\u003c/g-emoji\u003e\n\n## Installation\n\n```\nnpm install react-slidez --save\n```\n\n### Properties\n\n| Property       | Description                                                                                                                                  | Type    | Default    |\n| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ---------- |\n| showIndex      | Show the index of the current slide                                                                                                          | Boolean | `false`    |\n| showArrows     | Show arrows to navigate through the slides                                                                                                   | Boolean | `true`     |\n| autoplay       | Select whether you want the slideshow to autoplay or not                                                                                     | Boolean | `true`     |\n| enableKeyboard | Select whether you want to allow the user change the slides with the keyboard                                                                | Boolean | `true`     |\n| useDotIndex    | Select whether you want the index to be dots or numbers                                                                                      | Boolean | `false`    |\n| slideInterval  | Dictate the speed in ms at which the slides change                                                                                           | Integer | `2000`     |\n| defaultIndex   | Choose the index that you wish to start at                                                                                                   | Integer | `0`        |\n| slides         | The slides you pass into the component. This can be an array of images, or other components which are passed as children. See example below. | Array   | No default |\n| effect         | Choose the animation effect of your slideshow. Options include `fade`, `left`, `top`, `right`, `bottom`, `bounce-right`, `bounce-left`       | String  | `\"fade\"`   |\n| height         | Choose the height of the slideshow. Example `height={'50px'}` or `height={'50%'}`                                                            | String  | `\"100%\"`   |\n| width          | Choose the width of the slideshow. Example `width=\"50px\"` or `width=\"50%\"`                                                               | String  | `\"100%\"`   |\n\n## Usage\n\n```js\nconst Slideshow = require(\"react-slidez\");\n\n\u003cSlideshow\n  showIndex\n  showArrows\n  autoplay\n  enableKeyboard\n  useDotIndex\n  slideInterval={2000}\n  defaultIndex={1}\n  slides={[\"1.jpg\", \"2.jpg\"]}\n  effect=\"fade\"\n  height=\"100%\"\n  width=\"100%\"\n/\u003e\n```\n\nYou can also pass other components to the `Slideshow` component as children. All the same properties as above are available.\n\n```js\nconst Slideshow = require(\"react-slidez\");\n\n\u003cSlideshow\u003e\n  \u003cComponentOne /\u003e\n  \u003cComponentTwo /\u003e\n  \u003cCheckout /\u003e\n\u003c/Slideshow\u003e\n```\n\n## License\n\n[MIT License](https://opensource.org/licenses/MIT)\n\nCopyright (c) 2017 Paul Fitzgerald\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpau1fitz%2Freact-slidez","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpau1fitz%2Freact-slidez","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpau1fitz%2Freact-slidez/lists"}