@ebay/skin/item-tileALPHA

DS v0.1

Item Tile

Item tiles display an item preview with key details for further decision-making and quick comparison of similar items.

Anatomy

An item tile includes a few main sections. The header section typically includes media of an item. It uses the file preview card component. The file preview card is a versatile component that can be used to display media along with an action button.

The body section includes three main sub-sections (section-primary, section-secondary, section-tertiary), each of which are always aligned to the same sections in other item tiles for easier comparative scanning.

Item Tile in Gallery View

The default view for item tile is in gallery view, which is a vertical layout. The item tile can include an image, title, subtitle, price, and other details.

Puma...
Great Price

$29.99 Was: $68.99

Buy it now

Free shipping

Sponsored

Item Tile in List View

You can also implement item tile in list view, which is a horizontal layout and takes up more horizontal space. You may accomplish this by using the item-tile--list-view modifier.

Puma...
Great Price

$29.99 Was: $68.99

Buy it now

Free shipping

Sponsored