Selection tag - CSS Component ​

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

Construction ​

Common API

For the basics, check the common specifications.

The CSS component uses a <input type="checkbox"> tag wrapped by a label that includes the parameter z-selection-tag and a <span> tag inside to include the text.

Playground ​

Customization ​

HTML Examples ​

Imports
html
<script type="module" src="/0.5.3/@zurich/css-components/javascript.js"></script>
<link rel="stylesheet" href="/0.5.3/@zurich/css-components/base.css" />
<link rel="stylesheet" href="/0.5.3/@zurich/css-components/SelectionTag.css" />
Code
html