[@mantine/core] Add data-checked attribute to Checkbox, Radio and Swi…

…tch when components are used within groups
mantinedev · Oct 26, 2022 · 2aeefd6 · 2aeefd6
1 parent 39535c8
commit 2aeefd6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/mantine-core/src/Checkbox/Checkbox.tsx b/src/mantine-core/src/Checkbox/Checkbox.tsx
@@ -136,6 +136,7 @@ export const Checkbox: CheckboxComponent = forwardRef<HTMLInputElement, Checkbox
         classNames={classNames}
         styles={styles}
         unstyled={unstyled}
+        data-checked={contextProps.checked || undefined}
         {...systemStyles}
         {...wrapperProps}
       >

diff --git a/src/mantine-core/src/Radio/Radio.tsx b/src/mantine-core/src/Radio/Radio.tsx
@@ -116,6 +116,7 @@ export const Radio: RadioComponent = forwardRef<HTMLInputElement, RadioProps>((p
       classNames={classNames}
       styles={styles}
       unstyled={unstyled}
+      data-checked={contextProps.checked || undefined}
       {...systemStyles}
       {...wrapperProps}
     >

diff --git a/src/mantine-core/src/Switch/Switch.tsx b/src/mantine-core/src/Switch/Switch.tsx
@@ -134,6 +134,7 @@ export const Switch: SwitchComponent = forwardRef<HTMLInputElement, SwitchProps>
       classNames={classNames}
       styles={styles}
       unstyled={unstyled}
+      data-checked={contextProps.checked || undefined}
       {...systemStyles}
       {...wrapperProps}
     >