Action card - Web Component
Browser support
Parameters
The Web component uses the <z-action-card> tag:
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description |
|---|---|---|
image-src | string | The image URL of the action card |
tags | string[] | The tags of the action card |
header | string | The title of the action card |
content | string | The content of the action card |
button-text | string | The text of the button |
button-icon | string | The icon of the button |
action-icon | string | The icon of the action |
The events emitted from the component are:
| Name | Payload | Description |
|---|---|---|
onaction | Event | Fired when the user clicks the action icon |
image-src
The image-src parameter is used to define the image URL to be displayed inside action 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.
tags
The tags attribute is used to set the tags of the action card.
header
The header attribute is used to set the header of the action card.
content
The content attribute is used to set the content of the action card.
button-text
The button-text attribute is used to set the text of the button.
button-icon
The button-icon attribute is used to set the icon of the button.
action-icon
The action-icon attribute is used to set the icon of the action.