SmilingZ - Web Component ​

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

Parameters ​

The z-smiling-z does not have any parameters. The default color depends on the theme.

Both the color and the size of the z-smiling-z can be customized using the --z-smiling-z--fill and --z-smiling-z--size CSS custom properties respectively.

Playground ​

Customization ​

HTML Examples ​

Imports
html
<link rel="stylesheet" href="/0.4.5/@zurich/web-components/styles.css" />
<script type="module" src="/0.4.5/@zurich/web-components/smiling-z.js"></script>
Code
html
<z-smiling-z></z-smiling-z>