{"id":21474351,"url":"https://github.com/coachlogix/ember-paper-swiper","last_synced_at":"2025-07-15T08:32:41.445Z","repository":{"id":57224132,"uuid":"78683196","full_name":"CoachLogix/ember-paper-swiper","owner":"CoachLogix","description":"Implementation of material's Top User Benefits pattern using ember-paper","archived":false,"fork":false,"pushed_at":"2020-07-02T22:12:46.000Z","size":416,"stargazers_count":24,"open_issues_count":4,"forks_count":4,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-08-09T00:26:21.686Z","etag":null,"topics":[],"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/CoachLogix.png","metadata":{"files":{"readme":"README.md","changelog":null,"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-01-11T21:51:40.000Z","updated_at":"2022-10-14T17:58:39.000Z","dependencies_parsed_at":"2022-08-30T02:40:40.525Z","dependency_job_id":null,"html_url":"https://github.com/CoachLogix/ember-paper-swiper","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoachLogix%2Fember-paper-swiper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoachLogix%2Fember-paper-swiper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoachLogix%2Fember-paper-swiper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CoachLogix%2Fember-paper-swiper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CoachLogix","download_url":"https://codeload.github.com/CoachLogix/ember-paper-swiper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226028341,"owners_count":17562240,"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":[],"created_at":"2024-11-23T10:22:09.896Z","updated_at":"2024-11-23T10:22:10.478Z","avatar_url":"https://github.com/CoachLogix.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-paper-swiper\n\nThis is an ember-paper addon that implements material design's onboarding \"Top user benefits\" using ember-paper. (More info: https://material.io/guidelines/growth-communications/onboarding.html#onboarding-top-user-benefits)\n\n# Usage\n\nThis is how the API looks like:\n\n```hbs\n{{#paper-swiper as |swiper|}}\n\n  {{#swiper.callout}}\n    {{#paper-button raised=true onClick=(action (mut shouldShowSwiper) false)}}\n      Get Started\n    {{/paper-button}}\n  {{/swiper.callout}}\n\n  {{#swiper.slide class=\"bear-slide\" as |slide|}}\n    {{slide.media src=\"https://d13yacurqjgara.cloudfront.net/users/179241/screenshots/2835402/attachments/582801/chris-fernandez-a-proper-bear-3.png\"}}\n    {{#slide.headline}}\n      Your lab, everywhere\n    {{/slide.headline}}\n    {{#slide.subhead}}\n      Use everyday objects\u003cbr\u003e\n      in your experiments.\n    {{/slide.subhead}}\n  {{/swiper.slide}}\n\n  {{#swiper.slide class=\"elephant-slide\" as |slide|}}\n    {{slide.media src=\"https://d13yacurqjgara.cloudfront.net/users/179241/screenshots/2633954/chris-fernandez-elephant-2.jpg\"}}\n    {{#slide.headline}}\n      A better way to schedule\n    {{/slide.headline}}\n    {{#slide.subhead}}\n      Calendar sync lets your clients know when\n      you're available.\n    {{/slide.subhead}}\n  {{/swiper.slide}}\n\n  {{!-- define as many slides as you need --}}\n\n{{/paper-swiper}}\n```\n\nYou basically define a callout that is fixed across all slides, and define all the slides\nyou need. Each slide can define an image, a headline and a subhead.\n\n`paper-swiper` works very much like `paper-dialog`, so make sure to check http://miguelcobain.github.io/ember-paper/release-1/#/components/dialog\n\n## Demo\n\nYou can see how this addon looks like at https://coachlogix.github.io/ember-paper-swiper/\n\nTry resizing your browser to see how it responds to different breakpoints, particularly landscape vs portrait on smaller devices.\n\n## Installation\n\nJust run\n\n```bash\nember install ember-paper-swiper\n```\n\n## Running\n\n* `ember serve`\n* Visit your app at [http://localhost:4200](http://localhost:4200).\n\n## Running Tests\n\n* `npm test` (Runs `ember try:each` to test your addon against multiple Ember versions)\n* `ember test`\n* `ember test --server`\n\n## Building\n\n* `ember build`\n\nFor more information on using ember-cli, visit [https://ember-cli.com/](https://ember-cli.com/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoachlogix%2Fember-paper-swiper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcoachlogix%2Fember-paper-swiper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcoachlogix%2Fember-paper-swiper/lists"}