{"id":19064861,"url":"https://github.com/crhayes/ember-slides","last_synced_at":"2025-08-03T20:37:03.285Z","repository":{"id":57224350,"uuid":"101501779","full_name":"crhayes/ember-slides","owner":"crhayes","description":"Easy breezy slide decks and multi-steppers in Ember.","archived":false,"fork":false,"pushed_at":"2018-06-14T16:05:09.000Z","size":100,"stargazers_count":6,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-28T11:25:07.000Z","etag":null,"topics":["ember","ember-addon","multi-stepper","slides","slideshow"],"latest_commit_sha":null,"homepage":"","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/crhayes.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-08-26T17:29:32.000Z","updated_at":"2022-10-27T03:04:18.000Z","dependencies_parsed_at":"2022-09-04T07:41:30.667Z","dependency_job_id":null,"html_url":"https://github.com/crhayes/ember-slides","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/crhayes%2Fember-slides","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crhayes%2Fember-slides/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crhayes%2Fember-slides/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crhayes%2Fember-slides/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crhayes","download_url":"https://codeload.github.com/crhayes/ember-slides/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251303622,"owners_count":21567725,"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":["ember","ember-addon","multi-stepper","slides","slideshow"],"created_at":"2024-11-09T00:47:36.163Z","updated_at":"2025-04-28T11:25:15.660Z","avatar_url":"https://github.com/crhayes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Ember Slides\n==============================================================================\n\n[![Build Status](https://travis-ci.org/crhayes/ember-slides.svg?branch=master)](https://travis-ci.org/crhayes/ember-slides)\n\nSignup \"wizards\", onboarding flows, image carousels... the list goes on. How many times have you created UIs that required multiple, sequential steps? How many times have you had to rewrite the same step logic?\n\nWith Ember Slides you'll never have to write that step code again.\n\nInstallation\n------------------------------------------------------------------------------\n\n`ember install ember-slides`\n\nUsage\n------------------------------------------------------------------------------\n\n**Hardcoded Slides**\n```hbs\n{{#slide-deck as |d|}}\n  {{#d.slide}}\n    Slide 1\n  {{/d.slide}}\n  {{#d.slide}}\n    Slide 2\n  {{/d.slide}}\n  {{#d.slide}}\n    Slide 3\n  {{/d.slide}}\n  \u003cbutton {{action d.prev}} disabled={{d.prevDisabled}}\u003ePrev\u003c/button\u003e\n  \u003cbutton {{action d.next}} disabled={{d.nextDisabled}}\u003eNext\u003c/button\u003e\n{{/slide-deck}}\n```\n\n**Named Slides**\n```hbs\n{{#slide-deck as |d|}}\n  {{#d.slide name=\"one\"}}\n    Slide 1\n  {{/d.slide}}\n  {{#d.slide name=\"two\"}}\n    Slide 2\n  {{/d.slide}}\n  {{#d.slide name=\"three\"}}\n    Slide 3\n  {{/d.slide}}\n\n  \u003cbutton {{action d.show \"one\"}}\u003eFirst\u003c/button\u003e\n  \u003cbutton {{action d.show \"two\"}}\u003eSecond\u003c/button\u003e\n  \u003cbutton {{action d.show \"three\"}}\u003eThird\u003c/button\u003e\n{{/slide-deck}}\n```\n\n**Dynamic Slides**\n```hbs\n{{#slide-deck as |d|}}\n  {{#each things as |thing|}}\n    {{#d.slide}}\n      {{thing}}\n    {{/d.slide}}\n  {{/each}}\n\n  {{#each d.slides as |s|}}\n    \u003cbutton {{action d.show s.name}} disabled={{s.isActive}}\u003e{{s.name}}\u003c/button\u003e\n  {{/each}}\n{{/slide-deck}}\n```\n\nThere's more to see, so make sure to check out additional examples in the following files: [`tests/dummy/app/templates/application.hbs`](https://github.com/crhayes/ember-slides/blob/master/tests/dummy/app/templates/application.hbs) and [`tests/integration/components/slide-deck-test.js`](https://github.com/crhayes/ember-slides/blob/master/tests/integration/components/slide-deck-test.js).\n\n\nContributing\n------------------------------------------------------------------------------\n\n### Installation\n\n* `git clone https://github.com/crhayes/ember-slides`\n* `cd ember-slides`\n* `npm install`\n\n### Linting\n\n* `npm run lint:js`\n* `npm run lint:js -- --fix`\n\n### Running tests\n\n* `ember test` – Runs the test suite on the current Ember version\n* `ember test --server` – Runs the test suite in \"watch mode\"\n* `ember try:each` – Runs the test suite against multiple Ember versions\n\n### Running the dummy application\n\n* `ember serve`\n* Visit the dummy application at [http://localhost:4200](http://localhost:4200).\n\nFor more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).\n\nLicense\n------------------------------------------------------------------------------\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrhayes%2Fember-slides","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrhayes%2Fember-slides","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrhayes%2Fember-slides/lists"}