A grid of items. The preferred method of populating Tiles is to use Tile children.


Tiles Properties

fill true|false
Whether the contents expand to fill all of the available space.
flush true|false
Whether the contents are flush with the left and right edges or not. Defaults to true. When flush, there is no padding around the outside or between the contained tiles.
onMore {function}
When this callback is provided, it is an indication that more data could be added if the user scrolls to the bottom. When present, a spinner will be added to the bottom and this callback will be called when the user scrolls to reveal the spinner. The expectation is that the the caller will add the next chunk of data at that point.
onSelect {function (selected)}
Function that will be called when the user selects something. When only one item is selected, it returns the zero based index for that item. When multiple items are selected, it returns an array of those item's zero based indexes.
selectable true|false|multiple
Whether rows are selectable. multiple indicates that multiple rows may be selected
selected {number}|[{number}, ...]
The currently selected item(s) using a zero based index.
size small|medium|large
The width of the contained tiles. Defaults to medium.

Properties for Box are also available for Tiles.

Tile Properties

onClick {function}
Called when the user clicks on the item. Callers should bind an identifier to the function to distinguish between multiple items. For example onClick={this._onClick.bind(this, id)}
selected true|false
Whether this item is currently selected.
wide true|false
Whether the tile should fill the full width of the Tiles component that contains it.

Properties for Box are also available for Tile.