mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-22 07:50:36 +01:00
feat(Accordion): new component
This commit is contained in:
12
src/theme/accordion.ts
Normal file
12
src/theme/accordion.ts
Normal file
@@ -0,0 +1,12 @@
|
||||
export default {
|
||||
slots: {
|
||||
root: 'w-full',
|
||||
item: 'border-b border-gray-200 dark:border-gray-800',
|
||||
header: 'flex',
|
||||
trigger: 'group flex-1 flex items-center gap-1.5 font-medium text-sm hover:underline py-3.5 disabled:cursor-not-allowed disabled:opacity-75 disabled:hover:no-underline',
|
||||
content: 'text-sm pb-3.5 data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none',
|
||||
leadingIcon: 'shrink-0 w-5 h-5',
|
||||
trailingIcon: 'ms-auto w-5 h-5 group-data-[state=open]:rotate-180 transition-transform duration-200',
|
||||
label: 'truncate'
|
||||
}
|
||||
}
|
||||
@@ -1,3 +1,4 @@
|
||||
export { default as accordion } from './accordion'
|
||||
export { default as avatar } from './avatar'
|
||||
export { default as badge } from './badge'
|
||||
export { default as button } from './button'
|
||||
|
||||
Reference in New Issue
Block a user