diff --git a/.changeset/many-wasps-move.md b/.changeset/many-wasps-move.md new file mode 100644 index 0000000000..16ff9a1b05 --- /dev/null +++ b/.changeset/many-wasps-move.md @@ -0,0 +1,5 @@ +--- +"@nextui-org/accordion": patch +--- + +Pass missing `dividerProps` to Divider (#3390) diff --git a/packages/components/accordion/__tests__/accordion.test.tsx b/packages/components/accordion/__tests__/accordion.test.tsx index f08ca05545..ac63c95cbe 100644 --- a/packages/components/accordion/__tests__/accordion.test.tsx +++ b/packages/components/accordion/__tests__/accordion.test.tsx @@ -356,4 +356,23 @@ describe("Accordion", () => { }); expect(input).toHaveValue("aabac"); }); + + it("should pass dividerProps to divider", () => { + const {getByRole} = render( + + + Accordion Item 1 description + + + Accordion Item 2 description + + , + ); + + expect(getByRole("separator")).toHaveClass("bg-rose-500"); + }); }); diff --git a/packages/components/accordion/src/accordion.tsx b/packages/components/accordion/src/accordion.tsx index b14a004133..35a7bf73c5 100644 --- a/packages/components/accordion/src/accordion.tsx +++ b/packages/components/accordion/src/accordion.tsx @@ -19,6 +19,7 @@ const AccordionGroup = forwardRef<"div", AccordionProps>((props, ref) => { disableAnimation, handleFocusChanged: handleFocusChangedProps, itemClasses, + dividerProps, } = useAccordion({ ...props, ref, @@ -45,7 +46,7 @@ const AccordionGroup = forwardRef<"div", AccordionProps>((props, ref) => { {!item.props.hidden && !isSplitted && showDivider && - index < state.collection.size - 1 && } + index < state.collection.size - 1 && } ); });