Pictogram - Web Component
...
Browser support
Parameters
The Web component uses a <z-pictogram>
tag.
The parametrization of the component can be done with the following custom HTML params:
Name | Type | Description |
---|---|---|
pictogram | string | The name of the pictogram to be displayed |
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/pictogram.js"></script>
Code
html
<z-pictogram pictogram="camping"></z-pictogram>
<z-pictogram pictogram="earth"></z-pictogram>
<z-pictogram pictogram="plant"></z-pictogram>