[@mantine/dropzone] Set data-disabled attribute on the root element…

… if `disabled` prop is set (#6946)
mantinedev · Oct 16, 2024 · 0b00bf3 · 0b00bf3
1 parent e8b7056
commit 0b00bf3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/@docs/styles-api/src/data/Dropzone.styles-api.ts b/packages/@docs/styles-api/src/data/Dropzone.styles-api.ts
@@ -30,6 +30,7 @@ export const DropzoneStylesApi: StylesApiData<DropzoneFactory> = {
     },
     { modifier: 'data-idle', selector: 'root', condition: 'Dropzone is idle' },
     { modifier: 'data-loading', selector: 'root', condition: '`loading` prop is set' },
+    { modifier: 'data-disabled', selector: 'root', condition: '`disabled` prop is set' },
     {
       modifier: 'data-activate-on-click',
       selector: 'root',

diff --git a/packages/@mantine/dropzone/src/Dropzone.tsx b/packages/@mantine/dropzone/src/Dropzone.tsx
@@ -288,6 +288,7 @@ export const Dropzone = factory<DropzoneFactory>((_props, ref) => {
             accept: isDragAccept,
             reject: isDragReject,
             idle: isIdle,
+            disabled,
             loading,
             'activate-on-click': activateOnClick,
           },