Tag ​

...

Browser support ​

...

Parameters ​

The CSS component uses a <div> tag.

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

NameTypeDescription
z-tagstring

Defines the color for the tag. The default value is azure or default.

The possible values are: teal, moss, lilac, candy, peach, mint,lime, lemon, powder-pink

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/Tag.css" />
Code
html
<div z-tag>Tag label</div>
<div z-tag="teal">Tag label</div>
<div z-tag="moss">Tag label</div>
<div z-tag="liliac">Tag label</div>
<div z-tag="peach">Tag label</div>