Skip to content 
Tile content
Header text Tile content
Tile content Tile content 
Tile contentVisit Save
Tile 🟠 Not ready
The Tile component can be used imported from:
Playground
Parameters
Slots
This component has slots. Check the documentation about how to use the slots.
| Name | Tags | Description |
|---|---|---|
default | span | Content of the tile. |
actions | span | Actions of the promo |
image-src | span | Image source of the tile. |
header | span | Header of the tile. |
Parameters use
Check the documentation about how to use the parameters.
content
The content attribute is used to set the content of the article card or simply using the default slot.
header
The header attribute is used to set the header of the article card.
We can also use the header slot:
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.
We can also use the image slot:
Tile contentButton / actions
We can use the actions slot for establishing custom actions inside the card:
Browser support
Detected engine:
Chromium
Webkit
Gecko
CodeSandbox example
Sorry, not available yet ☹️