Styles
You can customize the default styles of this component inside tailwind.config.js
setting theme.extend.xtendui.slider
see css customization. Check xtendui/src/slider.css.js for default styles.
Javascript
Import the javascript file with import 'xtendui/src/slider'
.
Initialize manually within javascript with new Xt.Slider(document.querySelector('.my-container'), {/* options */})
.
Usage
Use this code to create a slider in relative mode.
For accessibility purpose use
<section>
tag and[aria-label="Your slider description"]
on.xt-slider
.
For accessibility purpose use
<section>
tag and[aria-label="Your slider description"]
on.xt-slider
.