@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
30 lines (29 loc) • 856 B
JavaScript
import { defineComponent as r, computed as i, openBlock as s, createBlock as p, withCtx as o, createElementVNode as a, createVNode as m } from "vue";
import l from "./Tooltip.vue.js";
import _ from "../icon/Icon.vue.js";
import { infoIcon as d } from "../../common/icons.js";
const f = ["innerHTML"], u = {
content: String,
icon: String
}, g = { name: "XToggleTip" }, y = /* @__PURE__ */ r({
...g,
props: u,
setup(t) {
const n = t, e = i(() => n.icon || d);
return (c, T) => (s(), p(l, { position: "right" }, {
tooltip: o(() => [
a("div", { innerHTML: c.content }, null, 8, f)
]),
default: o(() => [
m(_, {
icon: e.value,
class: "text-secondary-500 dark:text-secondary-300 cursor-pointer"
}, null, 8, ["icon"])
]),
_: 1
}));
}
});
export {
y as default
};