@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
17 lines (16 loc) • 805 B
JavaScript
const i = {
classes: {
wrapper: ({ props: t, slots: r, data: e }) => {
const s = ["relative flex items-center w-full text-left rounded"];
return e.isInsideAccordion && (r.default && (t.iconAlign === "left" ? s.push("pl-8 pr-3") : s.push("pr-8 pl-3"), s.push("py-2"), t.disabled || s.push("hover:bg-secondary-100 dark:hover:bg-secondary-600")), t.disabled || s.push("cursor-pointer")), s;
},
icon: ({ props: t, data: r }) => {
const e = ["absolute flex transform transition-transform duration-150"];
return r.collapsed || e.push("rotate-180"), t.disabled && e.push("text-secondary-300"), t.iconAlign === "left" ? e.push("left-2") : e.push("right-2"), e;
},
content: "transition-[height] duration-150 overflow-y-hidden"
}
}, n = i;
export {
n as default
};