feat(InputMenu): new component (#86)

This commit is contained in:
Benjamin Canac
2024-05-06 18:59:49 +02:00
committed by GitHub
parent f409395297
commit 99f20a4154
59 changed files with 3345 additions and 1265 deletions

View File

@@ -2,26 +2,26 @@ 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',
itemWrapper: 'flex min-w-0',
item: 'group relative flex items-center gap-1.5 font-medium text-sm min-w-0',
itemLeadingIcon: 'shrink-0 size-5',
itemLeadingAvatar: 'shrink-0',
itemLabel: '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'
item: 'text-primary-500 dark:text-primary-400'
},
false: {
link: 'text-gray-500 dark:text-gray-400'
item: 'text-gray-500 dark:text-gray-400'
}
},
disabled: {
true: {
link: 'cursor-not-allowed opacity-75'
item: 'cursor-not-allowed opacity-75'
}
},
to: {
@@ -33,7 +33,7 @@ export default {
active: false,
to: true,
class: {
link: 'hover:text-gray-900 dark:hover:text-white'
item: 'hover:text-gray-900 dark:hover:text-white'
}
}]
}