vueless
Version:
Vue Styleless UI Component Library, powered by Tailwind CSS.
56 lines (55 loc) • 909 B
text/typescript
export default /*tw*/ {
container: {
base: "flex items-center text-gray-500 !leading-none",
variants: {
size: {
sm: "gap-1.5",
md: "gap-2",
lg: "gap-2.5",
},
},
},
stars: "flex",
star: {
base: "{UIcon}",
variants: {
disabled: {
true: "text-gray-400 pointer-events-none",
},
},
defaults: {
size: {
sm: "xs",
md: "sm",
lg: "md",
},
},
},
counter: {
variants: {
size: {
sm: "text-base",
md: "text-xl",
lg: "text-2xl",
},
},
},
total: {
variants: {
size: {
sm: "text-sm",
md: "text-base",
lg: "text-xl",
},
},
},
defaults: {
size: "md",
stars: 5,
counter: false,
selectable: false,
/* icons */
selectedIcon: "star-fill",
unselectedIcon: "star",
},
};