API Reference

Tiles contain the content of an md-grid-list. They span one or more grid cells vertically or horizontally, and use md-grid-tile-{footer,header} to display secondary content.

Responsive Attributes

The md-grid-tile directive supports "responsive" attributes, which allow different md-rowspan and md-colspan values depending on the currently matching media query (as defined in $mdConstant.MEDIA).

In order to set a responsive attribute, first define the fallback value with the standard attribute name, then add additional attributes with the following convention: {base-attribute-name}-{media-query-name}="{value}" (ie. md-colspan-sm="4")

Usage

With header:

This is a header

With footer:

This is a footer

Spanning multiple rows/columns:

Responsive attributes:

Attributes

Parameter Type Description
md-colspan number number

The number of columns to span (default 1). Cannot exceed the number of columns in the grid. Supports interpolation.

md-rowspan number number

The number of rows to span (default 1). Supports interpolation.