aurelia-materialize-bridge/dist/native-modules/card/card.html

Aurelia interface to http://materializecss.com/

<template>
	<require from="./card.css"></require>
	<div class="card ${horizontal ? 'horizontal' : ''} ${size || ''} ${stickyAction ? 'sticky-action' : ''} ${mdClass}">
		<div if.bind="image" md-waves="color: light; block: true;" class="card-image">
			<img class="${reveal ? 'activator' : '' }" src.bind="image" />
			<span if.bind="!reveal" class="card-title">${title}</span>
		</div>

		<div class="card-content">
			<span if.bind="reveal" class="card-title activator">
				${title}
				<i class="material-icons right">more_vert</i>
			</span>
			<span if.bind="!image && !reveal" class="card-title">${title}</span>
			<!-- 
        Print a title when image is null and card is not revealable.
        This condition should complement the other two if conditions. 
      -->
			<slot></slot>
		</div>

		<div show.bind="reveal" class="${reveal ? 'card-reveal' : ''}">
			<span class="card-title ${reveal ? 'activator' : ''}">
				${title}
				<i class="material-icons right">close</i>
			</span>
			<slot name="reveal-text"></slot>
		</div>

		<div show.bind="action" class="${action ? 'card-action' : ''}">
			<slot name="action"></slot>
		</div>
	</div>
</template>