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.62 kB
JavaScript
"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e=n(require("primevue/base/style")).default.extend({name:"chips",css:"\n@layer primevue {\n .p-chips {\n display: inline-flex;\n }\n\n .p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n }\n\n .p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n }\n\n .p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n }\n\n .p-chips-token-icon {\n cursor: pointer;\n }\n\n .p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n }\n\n .p-fluid .p-chips {\n display: flex;\n }\n}\n",classes:{root:function(n){var e=n.instance,p=n.props;return["p-chips p-component p-inputwrapper",{"p-disabled":p.disabled,"p-focus":e.focused,"p-inputwrapper-filled":p.modelValue&&p.modelValue.length||e.inputValue&&e.inputValue.length,"p-inputwrapper-focus":e.focused}]},container:"p-inputtext p-chips-multiple-container",token:function(n){return["p-chips-token",{"p-focus":n.state.focusedIndex===n.index}]},label:"p-chips-token-label",removeTokenIcon:"p-chips-token-icon",inputToken:"p-chips-input-token"}});module.exports=e;