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 && }
);
});