archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(accordion): add data-slot attributes to accordion (#4832)

Browse Source 
* fix(accordion): add data-slot attributes to accordion

* chore

---------

Co-authored-by: Hovannes Markarian <hovannes.markarian@socrate.fr>
Co-authored-by: աӄա <wingkwong.code@gmail.com>
This commit is contained in:
Hova25 2025-02-14 15:22:05 +01:00 committed by GitHub
parent 52f926a9fb
commit 7f334e40ea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/eighty-eels-double.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/accordion": patch
---
Add data-slot attributes to accordion

7
packages/components/accordion/src/use-accordion-item.ts
View File

@ -141,6 +141,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
return {
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "base",
className: slots.base({class: baseStyles}),
...mergeProps(
filterDOMProps(otherProps, {
@ -162,6 +163,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
"data-disabled": dataAttr(isDisabled),
"data-hover": dataAttr(isHovered),
"data-pressed": dataAttr(isPressed),
"data-slot": "trigger",
className: slots.trigger({class: classNames?.trigger}),
onFocus: callAllHandlers(
handleFocus,
@ -188,6 +190,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
return {
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "content",
className: slots.content({class: classNames?.content}),
...mergeProps(regionProps, props),
};
@ -201,6 +204,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
"aria-hidden": dataAttr(true),
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "indicator",
className: slots.indicator({class: classNames?.indicator}),
...props,
};
@ -213,6 +217,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
return {
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "heading",
className: slots.heading({class: classNames?.heading}),
...props,
};
@ -225,6 +230,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
return {
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "title",
className: slots.title({class: classNames?.title}),
...props,
};
@ -237,6 +243,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
return {
"data-open": dataAttr(isOpen),
"data-disabled": dataAttr(isDisabled),
"data-slot": "subtitle",
className: slots.subtitle({class: classNames?.subtitle}),
...props,
};