Article card content
Skip to content 
Header 
Header Header Header Header
Article card - CSS Component
The ArticleCard component can be used imported from:
Playground
Construction
The CSS component uses an <article> tag with the z-article-card HTML custom attribute.
Content
Also, using a p tag inside the main tag, you can add a description to the action card.
Header
You can add a title to the action card inserting a header tag inside the main tag.
Image
Inserting an Image component tag inside the z-article-card tag will render an image.
Code
Article card content
Tags & Pre-line
The Article Card component allows to insert a pre-line before the header, you can ether add tags to the pre-line or add a text.
Pre-line
Article card content
tag
color
Action card content
Actions
You can add a link to the action card inserting a button tag inside the main tag.
Action card content
Browser support
Detected engine:
Chromium
Webkit
Gecko