About
The slideOutCard component is used as a container for cards that slide in from the side.
Alternatives
Examples
<div data-ng-controller="slideOutCardCtrl">
<button class="c-button c-button--primary" data-ng-click="slideOutExample($event, '')">
<span class="c-button__body">
<span class="c-button__text">Example</span>
</span>
</button>
</div>
<div id="slideOutCardAnchor"></div>(function() {
angular.module('slideOutCardCtrl', [])
.controller('slideOutCardCtrl', ['$scope', 'slideOutCard',
function($scope, slideOutCard) {
$scope.slideOutExample = function(e, model) {
e.preventDefault();
var args = {
config: {
timer: 5000,
templateUrl: undefined,
maxCards: 1,
isTimed: true,
mask: true,
externalClass: undefined,
scrollLock: false
},
model: model
};
slideOutCard.push(args, 'example');
};
}
]);
}());