{"id":15022451,"url":"https://github.com/shredderming/erizabesu","last_synced_at":"2026-01-25T09:36:27.821Z","repository":{"id":26182397,"uuid":"106978466","full_name":"ShredderMing/erizabesu","owner":"ShredderMing","description":"Carousel component built with Preact","archived":false,"fork":false,"pushed_at":"2023-01-06T01:56:42.000Z","size":599,"stargazers_count":1,"open_issues_count":34,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-29T11:12:11.194Z","etag":null,"topics":["carousel","preact","preact-components"],"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/ShredderMing.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":"2017-10-15T02:42:54.000Z","updated_at":"2023-07-24T18:52:23.000Z","dependencies_parsed_at":"2022-07-29T03:18:21.606Z","dependency_job_id":null,"html_url":"https://github.com/ShredderMing/erizabesu","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShredderMing%2Ferizabesu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShredderMing%2Ferizabesu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShredderMing%2Ferizabesu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShredderMing%2Ferizabesu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShredderMing","download_url":"https://codeload.github.com/ShredderMing/erizabesu/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247135126,"owners_count":20889420,"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":["carousel","preact","preact-components"],"created_at":"2024-09-24T19:57:58.166Z","updated_at":"2026-01-25T09:36:27.786Z","avatar_url":"https://github.com/ShredderMing.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://i.loli.net/2020/11/24/Iiv1Y4nylemLdCq.png\" width=\"428\" alt=\"erizabesu\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e\n\tErizabesu(エリザベス)\n\t\u003ca href=\"https://www.npmjs.com/package/erizabesu\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/erizabesu.svg?style=flat\" alt=\"npm\"\u003e\u003c/a\u003e \u003ca href=\"https://github.com/prettier/prettier\"\u003e\u003cimg src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat\" alt=\"prettier\"\u003e\u003c/a\u003e\n\u003c/h1\u003e\n\u003cp align=\"center\"\u003eCarousel component built with Preact.\u003c/p\u003e\n\n---\n\n## Install\n\n**npm**\n\n```sh\nnpm install erizabesu\nnpm install erizabesu-indicators # optional\nnpm install erizabesu-arrows # optional\n```\n\n**yarn**\n\n```sh\nyarn add erizabesu\nyarn add erizabesu-indicators # optional\nyarn add erizabesu-arrows # optional\n```\n\n## Demos\n\n- [**Simple Slider**](https://codepen.io/ShredderMing/pen/baRvKd)\n\n## Usage\n\n```js\nimport { h } from 'preact';\nimport Erizabesu from 'erizabesu';\nimport { Simple as Indicator } from 'erizabesu-indicators';\nimport { Simple as Arrow } from 'erizabesu-arrows';\n\nconst data = [\n  {\n    img: 'https://res.cloudinary.com/demo/image/upload/w_600,h_300/sample.jpg',\n    href: 'http://gintama.wikia.com/wiki/Elizabeth',\n    target: '_blank',\n  },\n  {\n    img: 'https://res.cloudinary.com/demo/image/upload/w_600,h_300/dog.jpg',\n    href: 'http://gintama.wikia.com/wiki/Elizabeth',\n    target: '_blank',\n  },\n  {\n    img: 'https://res.cloudinary.com/demo/image/upload/w_600,h_300/group.jpg',\n    href: 'http://gintama.wikia.com/wiki/Elizabeth',\n    target: '_blank',\n  },\n  {\n    img: 'https://res.cloudinary.com/demo/image/upload/w_600,h_300/bike.jpg',\n    href: 'http://gintama.wikia.com/wiki/Elizabeth',\n    target: '_blank',\n  },\n  {\n    img: 'https://res.cloudinary.com/demo/image/upload/w_600,h_300/woman.jpg',\n    href: 'http://gintama.wikia.com/wiki/Elizabeth',\n    target: '_blank',\n  },\n];\n\nconst SimpleSlider = () =\u003e (\n  \u003cErizabesu data={data} style={{ width: '600px', height: '300px' }}\u003e\n    \u003cIndicator /\u003e\n    \u003cArrow.Prev /\u003e\n    \u003cArrow.Next /\u003e\n  \u003c/Erizabesu\u003e\n);\n```\n\n## Props\n\n| Props             | Type    | Default Value | Description                                        |\n| ----------------- | ------- | ------------- | -------------------------------------------------- |\n| `autoplay`        | `bool`  | `true`        |                                                    |\n| `autoplaySpeed`   | `int`   | `3000`        | Delay between each auto scroll (in milliseconds)   |\n| `allowMouseSwipe` | `bool`  | `true`        |                                                    |\n| `data`            | `array` | `null`        | [{img:'url',href:'url',target:'_blank'},{},{},...] |\n| `infinite`        | `bool`  | `true`        | swipe infinitely                                   |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshredderming%2Ferizabesu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshredderming%2Ferizabesu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshredderming%2Ferizabesu/lists"}