@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
16 lines (15 loc) • 669 B
JavaScript
const t = {
classes: {
wrapper: ({ props: s }) => {
const e = ["block relative align-bottom focus:outline-none"];
return s.isInsideForm && e.push("mb-5"), s.block && e.push("w-full"), e;
},
label: ({ props: s }) => {
const e = ["flex items-center gap-2 font-medium text-secondary-800 dark:text-secondary-200 mb-1"];
return s.size === "xs" ? e.push("text-xs") : s.size === "sm" ? e.push("text-sm") : s.size === "lg" ? e.push("text-lg") : s.size === "xl" && e.push("text-xl"), s.required && e.push('[&_span]:after:content-["*"] [&_span]:after:ml-0.5 [&_span]:after:text-error-500'), e;
}
}
}, l = t;
export {
l as default
};