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) • 897 B
JavaScript
import e from"primevue/basecomponent";import t from"primevue/skeleton/style";import{openBlock as i,createElementBlock as r,mergeProps as n}from"vue";var a={name:"Skeleton",extends:{name:"BaseSkeleton",extends:e,props:{shape:{type:String,default:"rectangle"},size:{type:String,default:null},width:{type:String,default:"100%"},height:{type:String,default:"1rem"},borderRadius:{type:String,default:null},animation:{type:String,default:"wave"}},style:t,provide:function(){return{$parentInstance:this}}},computed:{containerStyle:function(){return this.size?{width:this.size,height:this.size,borderRadius:this.borderRadius}:{width:this.width,height:this.height,borderRadius:this.borderRadius}}}};a.render=function(e,t,a,o,s,d){return i(),r("div",n({class:e.cx("root"),style:[e.sx("root"),d.containerStyle],"aria-hidden":"true"},e.ptm("root"),{"data-pc-name":"skeleton"}),null,16)};export{a as default};