der" show-tickmarks value="540" min="0" max="540" step="1" label-interval="1"></ui5-slider>

		<ui5-label id="label-width">fields width: 540</ui5-label>
	</div>

	<script>
		const fields = document.querySelectorAll(".field");

		document.getElementById("slider").addEventListener("ui5-input", event => {
			Array.from(fields).forEach(el => {
				el.style.width = `${event.target.value}px`;
				document.getElementById("label-width").textContent = `Field width: ${event.target.value}px`;
				document.getElementBy