A mobile UI component for horizontal scroll cards. Based loosely off of Spotify's featured playlist slider on iOS and Android.
- Ionic Horizontal Scroll Cards
- Ionic Horizontal Scroll Cards on Codepen (note: Chrome/Firefox DevTools must be used to emulate a mobile device when viewing the Codepen example.)
# 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<!-- 1.) Include these and make sure the path is correct: -->
<link href="../path/to/css/hscrollcards.min.css" rel="stylesheet">
<script src="../path/to/js/ionic.hscrollcards.js"></script>
<!-- 2.) Add these directives to your Angular/Ionic view: -->
<hscroller>
<hcard ng-repeat="item in items" index="{{$index}}" desc="{{item.desc}}" image="{{item.image}}"></hcard>
</hscroller>// 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;
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent