primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 1.09 kB
JavaScript
import n from"primevue/base/style";var e=n.extend({name:"slider",css:"\n@layer primevue {\n .p-slider {\n position: relative;\n }\n\n .p-slider .p-slider-handle {\n cursor: grab;\n touch-action: none;\n display: block;\n }\n\n .p-slider-range {\n display: block;\n }\n\n .p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n }\n\n .p-slider-horizontal .p-slider-handle {\n top: 50%;\n }\n\n .p-slider-vertical {\n height: 100px;\n }\n\n .p-slider-vertical .p-slider-handle {\n left: 50%;\n }\n\n .p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n }\n}\n",classes:{root:function(n){var e=n.props;return["p-slider p-component",{"p-disabled":e.disabled,"p-slider-horizontal":"horizontal"===e.orientation,"p-slider-vertical":"vertical"===e.orientation}]},range:"p-slider-range",handle:"p-slider-handle"},inlineStyles:{handle:{position:"absolute"},range:{position:"absolute"}}});export{e as default};