keep-vue
Version:
Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.
22 lines (21 loc) • 816 B
JavaScript
export const progressTheme = {
circle: {
root: "relative w-32 h-32",
svg: {
base: "h-full w-full",
circle: "stroke-primary-25 text-metal-50 fill-white dark:fill-transparent",
g: "origin-center -rotate-90 transform",
gCircle: "stroke-primary-500 text-primary-500 transition-all duration-300",
},
},
line: {
root: "flex items-center gap-x-3 whitespace-nowrap",
progress: {
base: "relative flex w-full overflow-hidden rounded-full bg-primary-25",
bar: "relative flex flex-col justify-center overflow-hidden m-[1px] rounded-full bg-primary-500 transition-all duration-300",
},
text: {
base: "w-10 text-end text-body-4 font-medium text-metal-600",
},
},
};