Share bar - Web Component
...
Browser support
Parameters
The Web component uses a <z-share-bar> tag.
The parametrization of the component can be done with the following custom HTML params:
| Name | Type | Description |
|---|---|---|
content | string | The quote content |
social | object | The social media links |
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/share-bar.js"></script>Code
html
<z-share-bar social='{ "facebook": "#"", "linkedin": "#"", "instagram": "#", "twitter": "#", "youtube": "#" }'>
Share text
</z-share-bar>