Quote - Web Component
...
Browser support
Parameters
The Web component uses a <z-quote>
tag.
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
content | string | The quote content |
quote-src | string | The source of the quote |
author-name | string | The name of the author |
description | string | The description of the quote |
image-src | string | The image source of the quote |
Playground
Customization
HTML Examples
Imports
html
<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/quote.js"></script>
Code
html
<z-quote author-name="John Doe" description="Description" image-src="../sample.png">
Lorem ipsum dolor sit amet. Quo rerum dolorem ut velit exercitationem id aperiam omnis vel
</z-quote>