Chip

...

Browser support

Parameters

The Web component uses a <z-chip> tag.

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

Name	Type	Description
content (optional)	string	The text to be displayed in the chip.
disabled (optional)	boolean	Blocks the interaction with the component.
readonly (optional)	boolean	Transforms the chip into an output.

Playground

Customization

HTML Examples

Imports

<link rel="stylesheet" href="/0.3.7/@zurich/web-components/styles.css" />
<script type="module" src="/0.3.7/@zurich/web-components/chip.js"></script>

Code

<z-chip>Chip</z-chip>
<z-chip disabled>Disabled chip</z-chip>
<z-chip readonly>Readonly chip</z-chip>