@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 898 B
JavaScript
;const t=require("vue"),o=require("../../navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js"),a=require("../../layout/inline/NeonInline.vue.cjs.js"),l=require("../../layout/stack/NeonStack.vue.cjs.js"),e=require("../../../model/presentation/header/NeonHeaderLevel.cjs.js"),u=t.defineComponent({name:"NeonHeader",components:{NeonBreadcrumbs:o,NeonInline:a,NeonStack:l},props:{title:{type:String,required:!0},subtitle:{type:String},level:{type:String,default:()=>e.NeonHeaderLevel.Page},breadcrumbs:{type:Array,default:()=>[]},backButton:{type:Boolean,default:!1},backLabel:{type:String,default:"Back"}},setup(r,{slots:n}){return{titleLevel:t.computed(()=>{switch(r.level){case e.NeonHeaderLevel.SubSection:return"h3";case e.NeonHeaderLevel.Section:return"h2";default:return"h1"}}),NeonHeaderLevel:e.NeonHeaderLevel,slots:n}}});module.exports=u;
//# sourceMappingURL=NeonHeader.cjs.js.map