primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 1.6 kB
JavaScript
import e from"primevue/basecomponent";import{openBlock as n,createElementBlock as t,mergeProps as s,createBlock as a,resolveDynamicComponent as i,createCommentVNode as o,renderSlot as r,createElementVNode as l,toDisplayString as p}from"vue";var c={name:"Tag",extends:e,props:{value:null,severity:null,rounded:Boolean,icon:String},computed:{containerClass(){return["p-tag p-component",{"p-tag-info":"info"===this.severity,"p-tag-success":"success"===this.severity,"p-tag-warning":"warning"===this.severity,"p-tag-danger":"danger"===this.severity,"p-tag-rounded":this.rounded}]},iconClass(){return["p-tag-icon",this.icon]}}};!function(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&s.firstChild?s.insertBefore(a,s.firstChild):s.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}("\n.p-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.p-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n line-height: 1.5;\n}\n.p-tag.p-tag-rounded {\n border-radius: 10rem;\n}\n"),c.render=function(e,c,d,u,g,m){return n(),t("span",s({class:m.containerClass},e.ptm("root")),[e.$slots.icon?(n(),a(i(e.$slots.icon),s({key:0,class:"p-tag-icon"},e.ptm("icon")),null,16)):d.icon?(n(),t("span",s({key:1,class:m.iconClass},e.ptm("icon")),null,16)):o("",!0),r(e.$slots,"default",{},(()=>[l("span",s({class:"p-tag-value"},e.ptm("value")),p(d.value),17)]))],16)};export{c as default};