2 * Angular Material Design
3 * https://github.com/angular/material
7 goog.provide('ng.material.components.card');
8 goog.require('ng.material.core');
11 * @name material.components.card
16 angular.module('material.components.card', [
19 .directive('mdCard', mdCardDirective);
26 * @module material.components.card
31 * The `<md-card>` directive is a container element used within `<md-content>` containers.
33 * An image included as a direct descendant will fill the card's width, while the `<md-card-content>`
34 * container will wrap text content and provide padding. An `<md-card-footer>` element can be
35 * optionally included to put content flush against the bottom edge of the card.
37 * Action buttons can be included in an element with the `.md-actions` class, also used in `md-dialog`.
38 * You can then position buttons using layout attributes.
40 * Cards have constant width and variable heights; where the maximum height is limited to what can
41 * fit within a single view on a platform, but it can temporarily expand as needed.
44 * ###Card with optional footer
47 * <img src="card-image.png" class="md-card-image" alt="image caption">
49 * <h2>Card headline</h2>
58 * ###Card with actions
61 * <img src="card-image.png" class="md-card-image" alt="image caption">
63 * <h2>Card headline</h2>
66 * <div class="md-actions" layout="row" layout-align="end center">
67 * <md-button>Action 1</md-button>
68 * <md-button>Action 2</md-button>
74 function mdCardDirective($mdTheming) {
77 link: function($scope, $element, $attr) {
82 mdCardDirective.$inject = ["$mdTheming"];
84 ng.material.components.card = angular.module("material.components.card");