Divider - allow default prop override (#24840)

* allow props to override default divider values when necessary * change file
microsoft · Sep 16, 2022 · 7c868d1 · 7c868d1
1 parent b7395d6
commit 7c868d1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json b/change/@fluentui-react-divider-f95da959-6db2-4b33-9ec7-d3a4e44656c0.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "fix: Divider - allow props to override default values",
+  "packageName": "@fluentui/react-divider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-divider/src/components/Divider/useDivider.ts b/packages/react-components/react-divider/src/components/Divider/useDivider.ts
@@ -25,11 +25,11 @@ export const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElem
     },
 
     root: getNativeElementProps('div', {
-      ...props,
-      ref,
       role: 'separator',
       'aria-orientation': vertical ? 'vertical' : 'horizontal',
       'aria-labelledby': props.children ? dividerId : undefined,
+      ...props,
+      ref,
     }),
     wrapper: resolveShorthand(wrapper, {
       required: true,