mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
export default {
|
|
slots: {
|
|
root: 'inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-gray-100 dark:bg-gray-800',
|
|
image: 'h-full w-full rounded-[inherit] object-cover',
|
|
fallback: 'font-medium leading-none text-gray-500 dark:text-gray-400 truncate',
|
|
icon: 'text-gray-500 dark:text-gray-400 shrink-0'
|
|
},
|
|
variants: {
|
|
size: {
|
|
'3xs': {
|
|
root: 'size-4 text-[8px]',
|
|
icon: 'size-2'
|
|
},
|
|
'2xs': {
|
|
root: 'size-5 text-[10px]',
|
|
icon: 'size-2.5'
|
|
},
|
|
xs: {
|
|
root: 'size-6 text-xs',
|
|
icon: 'size-3'
|
|
},
|
|
sm: {
|
|
root: 'size-8 text-sm',
|
|
icon: 'size-4'
|
|
},
|
|
md: {
|
|
root: 'size-10 text-base',
|
|
icon: 'size-5'
|
|
},
|
|
lg: {
|
|
root: 'size-12 text-lg',
|
|
icon: 'size-6'
|
|
},
|
|
xl: {
|
|
root: 'size-14 text-xl',
|
|
icon: 'size-7'
|
|
},
|
|
'2xl': {
|
|
root: 'size-16 text-2xl',
|
|
icon: 'size-8'
|
|
},
|
|
'3xl': {
|
|
root: 'size-20 text-3xl',
|
|
icon: 'size-10'
|
|
}
|
|
}
|
|
},
|
|
defaultVariants: {
|
|
size: 'sm'
|
|
}
|
|
}
|