[@mantine/core] Notification: spread closeButtonProps after iconSize,…

… color (#2205)
mantinedev · Aug 22, 2022 · 57a9fec · 57a9fec
1 parent 8017631
commit 57a9fec
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/docs/src/docs/core/Notification.mdx b/docs/src/docs/core/Notification.mdx
@@ -32,6 +32,15 @@ Notification component has 3 variants:
 
 <Demo data={NotificationDemos.configurator} />
 
+## CloseButtonProps
+
+To customize CloseButton inside Notification, you can pass `CloseButtonProps`.
+
+```tsx
+<Notification closeButtonProps={{ color: 'red' }} />
+<Notification closeButtonProps={{ iconSize: 20 }} />
+```
+
 ## Accessibility
 
 To support screen readers set close button aria-label or title with `closeButtonProps`:

diff --git a/src/mantine-core/src/Notification/Notification.tsx b/src/mantine-core/src/Notification/Notification.tsx
@@ -93,9 +93,9 @@ export const Notification = forwardRef<HTMLDivElement, NotificationProps>((props
 
       {!disallowClose && (
         <CloseButton
-          {...closeButtonProps}
           iconSize={16}
           color="gray"
+          {...closeButtonProps}
           onClick={onClose}
           className={classes.closeButton}
         />