UNPKG

primevue

Version:

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![npm version](https://badge.fury.io/js/primevue.svg)](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

2 lines (1 loc) 1.09 kB
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};