Tile - CSS Component ​

The Tile component can be used imported from:

Playground ​

Construction ​

The CSS component uses an <article> tag with the z-tile HTML custom attribute.

Content ​

Also, using a p tag inside the main tag, you can add a description to the action card.

Image

Article card content

You can add a title to the action card inserting a header tag inside the main tag.

Image
Header

Image ​

Inserting an Image component tag inside the z-tile tag will render an image.

Image
Header

Article card content

Actions ​

You can add a link to the action card inserting a button tag inside the main tag.

Image
Header

Action card content

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​