UNPKG

@aotearoan/neon

Version:

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

3 lines (2 loc) 915 B
"use strict";const s=require("./NeonBanner.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-banner__wrapper"},_=["innerHTML"];function i(o,t,p,d,b,k){const r=e.resolveComponent("neon-button"),l=e.resolveComponent("neon-note");return e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.messages,n=>(e.openBlock(),e.createBlock(l,{key:n.id,color:n.level,icon:!1,class:"neon-banner"},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"neon-banner__message",innerHTML:n.message},null,8,_),e.createVNode(r,{label:n.action.label,"button-style":"outline",class:"neon-banner__action",color:"high-contrast",size:"s",onClick:t[0]||(t[0]=m=>o.onAction())},null,8,["label"])]),_:2},1032,["color"]))),128))])}const u=c(s,[["render",i]]);module.exports=u; //# sourceMappingURL=NeonBanner.vue.cjs.js.map