Skip to content

Range slider - Web Component โ€‹

Browser support โ€‹

Parameters โ€‹

The Web component uses the <z-range-slider> tag:

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

NameTypeDescription

The events emitted from the component are:

NamePayloadDescription
onchange[number, number]Returns the new value of the "value" attribute

Playground โ€‹

Customization โ€‹

HTML Examples โ€‹

Imports
html
<link rel="stylesheet" href="/0.4.1/@zurich/web-components/styles.css" />
<script type="module" src="/0.4.1/@zurich/web-components/link.js"></script>
Code
html