Files
ui/src/theme/breadcrumb.ts
Benjamin Canac 53a2bc0264 feat(Breadcrumb): new component
Resolves #22
2024-04-16 17:23:41 +02:00

29 lines
728 B
TypeScript

export default {
slots: {
root: 'relative min-w-0',
list: 'flex items-center gap-1.5',
item: 'flex min-w-0',
link: 'group relative flex items-center gap-1.5 font-medium text-sm min-w-0',
linkLeadingIcon: 'shrink-0 size-5',
linkLeadingAvatar: 'shrink-0',
linkLabel: 'truncate',
separator: 'flex',
separatorIcon: 'shrink-0 size-5 text-gray-500 dark:text-gray-400'
},
variants: {
active: {
true: {
link: 'text-primary-500 dark:text-primary-400'
},
false: {
link: 'text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'
}
},
disabled: {
true: {
link: 'cursor-not-allowed opacity-75'
}
}
}
}