Skip to content

SmilingZ โ€‹

...

Browser support โ€‹

...

Parameters โ€‹

The CSS component uses a <div> tag. Using the z-smiling-z HTML custom attribute will render the isotype logo CSS component.

The parametrization of the component can be done with the following custom HTML params:

NameTypeDescription
z-smiling-zstring

The default color depends on the theme.

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/SmilingZ.css" />
Code
html
<div z-smiling-z></div>