Tile - Web Component ​

The Tile component can be used imported from:

Playground ​

Parameters ​

...

Events ​

This component has events. Check the documentation about how to use the events.

NamePayloadDescription

Parameters use ​

content ​

The content attribute is used to set the content of the article card or simply using the default slot.

Tile content

The header attribute is used to set the header of the article card.

We can also use the header slot:

Header text Tile content

Image ​

image-src ​

The image-src parameter is used to define the image URL to be displayed inside article card.

You can also use the images from the Zurich media images. Make sure you specify correctly the name of the image you want to display.

Tile contentTile content

We can also use the image slot:

Tile content

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​