Chip - CSS Component ​

The Chip component can be used imported from:

Playground ​

Construction ​

The CSS component uses a <button> or <output> tag with the z-chip HTML custom attribute.

z-chip ​

The z-chip attribute is the main attribute used to implement the styling to the chip component.

disabled ​

The attribute disabled will block the interaction with the component.

INFO

If the z-chip attribute it's set to an <output> tag, the component will behave as a readonly component.

Readonly chip

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​