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": "mgodbolt@microsoft.com",
+ "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,