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');
                };
            }
        ]);
}());