@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
30 lines (29 loc) • 948 B
JavaScript
import o from "./NeonTab.es.js";
import { openBlock as n, createBlock as t, Transition as a, withCtx as r, createElementBlock as i, normalizeClass as d, renderSlot as l, createCommentVNode as s } from "vue";
import m from "../../../../_virtual/_plugin-vue_export-helper.es.js";
const c = ["id", "aria-labelledby"];
function f(e, p, u, b, $, k) {
return n(), t(a, {
name: e.transition ? "neon-fade-transition" : null,
mode: "out-in"
}, {
default: r(() => [
e.selected ? (n(), i("div", {
key: 0,
id: e.id,
"aria-labelledby": e.id ? `${e.id}Button` : void 0,
class: d([{ "neon-tab--selected": e.selected }, "neon-tab"]),
role: "tabpanel",
tabindex: "0"
}, [
l(e.$slots, "default")
], 10, c)) : s("", !0)
]),
_: 3
}, 8, ["name"]);
}
const y = /* @__PURE__ */ m(o, [["render", f]]);
export {
y as default
};
//# sourceMappingURL=NeonTab.vue.es.js.map