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) • 942 B
JavaScript
import n from"primevue/base/style";var e=n.extend({name:"rating",css:"\n@layer primevue {\n .p-rating {\n position: relative;\n display: flex;\n align-items: center;\n }\n\n .p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n }\n\n .p-rating.p-readonly .p-rating-item {\n cursor: default;\n }\n}\n",classes:{root:function(n){var e=n.props;return["p-rating",{"p-readonly":e.readonly,"p-disabled":e.disabled}]},cancelItem:function(n){var e=n.instance;return["p-rating-item p-rating-cancel-item",{"p-focus":0===e.focusedOptionIndex&&e.isFocusVisibleItem}]},cancelIcon:"p-rating-icon p-rating-cancel",item:function(n){var e=n.instance,i=n.value;return["p-rating-item",{"p-rating-item-active":i<=n.props.modelValue,"p-focus":i===e.focusedOptionIndex&&e.isFocusVisibleItem}]},onIcon:"p-rating-icon",offIcon:"p-rating-icon"}});export{e as default};