https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards
Horizontal scroll cards inspired by the Spotify app.
https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards
Last synced: 4 months ago
JSON representation
Horizontal scroll cards inspired by the Spotify app.
- Host: GitHub
- URL: https://github.com/drewrygh/ionic-ion-horizontal-scroll-cards
- Owner: drewrygh
- License: mit
- Created: 2015-03-28T23:18:52.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2016-06-05T03:24:35.000Z (about 10 years ago)
- Last Synced: 2026-01-24T04:31:12.688Z (5 months ago)
- Language: JavaScript
- Size: 39.7 MB
- Stars: 103
- Watchers: 13
- Forks: 20
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-ionic - drewrygh/ionic-ion-horizontal-scroll-cards
README
# Ionic Horizontal Scroll Cards
A mobile UI component for horizontal scroll cards. Based loosely off of Spotify's featured playlist slider on iOS and Android.
#### Examples:
- [Ionic Horizontal Scroll Cards](http://drewrygh.com/ionic-horizontal-scroll-cards/)
- [Ionic Horizontal Scroll Cards on Codepen](http://codepen.io/drewrygh/pen/jEJGLx)
*(note: Chrome/Firefox [DevTools](https://developer.chrome.com/devtools/docs/device-mode) must be used to emulate a mobile device when viewing the Codepen example.)*
#### Installation
```bash
# via bower:
bower install ionic-ion-horizontal-scroll-cards
# or... to use as the starting point for a new Ionic app:
ionic start myProject http://codepen.io/drewrygh/pen/jEJGLx
```
#### Usage
```html
```
#### Customizing with SASS
```sass
// Below are the defaults for variables that can be overridden:
$hscroller-lateral-padding: 10px;
$hscroller-card-height: 160px;
$hscroller-card-width: 120px;
$hscroller-image-height: 120px;
$hscroller-image-width: 120px;
$hscroller-card-animate-time: 0.4s;
```