Toast โ
...
Browser support โ
...
Parameters โ
The CSS component uses a <div>
tag.
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
z-toast | string | Setting this attribute to a |
timestamp | string | The timestamp of the toast |
content | string | The text of the toast |
Playground โ
Customization โ
HTML Examples โ
Imports
html
<link rel="stylesheet" href="/0.3.6/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.3.6/@zurich/css-components/Toast.css" />
Code
html
<div z-toast="positive" timestamp="15:46">Toast text</div>
<div z-toast="negative" timestamp="15:46">Toast text</div>