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.81 kB
JavaScript
import e from"primevue/base/style";var r=e.extend({name:"metergroup",css:"\n@layer primevue {\n .p-metergroup {\n position: relative;\n overflow: hidden;\n }\n\n .p-metergroup-vertical.p-metergroup {\n display: flex;\n }\n\n .p-metergroup-vertical .p-metergroup-meter-container {\n flex-direction: column;\n }\n\n .p-metergroup-meter-container {\n display: flex;\n }\n\n .p-metergroup-label-list {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-metergroup-vertical .p-metergroup-label-list {\n align-items: start;\n }\n\n .p-metergroup-horizontal .p-metergroup-label-list-vertical {\n flex-direction: column;\n }\n\n .p-metergroup-vertical .p-metergroup-label-list-horizontal {\n flex-direction: column;\n }\n\n .p-metergroup-label-list-item {\n display: inline-flex;\n align-items: center;\n }\n\n .p-metergroup-label-type {\n display: inline-block;\n }\n}\n",classes:{root:function(e){var r=e.props;return["p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===r.orientation,"p-metergroup-vertical":"vertical"===r.orientation}]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var r=e.props;return["p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===r.labelPosition,"p-metergroup-label-list-end":"end"===r.labelPosition,"p-metergroup-label-list-vertical":"vertical"===r.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===r.labelOrientation}]},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"}});export{r as default};