arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-21 07:21:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(Popover): new

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-12 15:42:07 +01:00
parent c384ec94a2
commit c131ce955f
7 changed files with 206 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/theme/index.ts
View File

@@ -5,4 +5,5 @@ export { default as collapsible } from './collapsible'
export { default as container } from './container'
export { default as icons } from './icons'
export { default as kbd } from './kbd'
export { default as popover } from './popover'
export { default as tooltip } from './tooltip'

6
src/theme/popover.ts Normal file
View File

@@ -0,0 +1,6 @@
export default {
slots: {
content: 'bg-white dark:bg-gray-900 shadow-lg rounded-md ring ring-gray-200 dark:ring-gray-800 will-change-[transform,opacity] data-[state=open]:data-[side=top]:animate-[popover-down-open_200ms_ease-out] data-[state=closed]:data-[side=top]:animate-[popover-down-closed_200ms_ease-in] data-[state=open]:data-[side=right]:animate-[popover-left-open_200ms_ease-out] data-[state=closed]:data-[side=right]:animate-[popover-left-closed_200ms_ease-in] data-[state=open]:data-[side=left]:animate-[popover-right-open_200ms_ease-out] data-[state=closed]:data-[side=left]:animate-[popover-right-closed_200ms_ease-in] data-[state=open]:data-[side=bottom]:animate-[popover-up-open_200ms_ease-out] data-[state=closed]:data-[side=bottom]:animate-[popover-up-closed_200ms_ease-in]',
arrow: 'fill-gray-200 dark:fill-gray-800'
}
}