diff --git a/src/mantine-core/src/Switch/Switch.styles.ts b/src/mantine-core/src/Switch/Switch.styles.ts index f54473f7808..4d4b23c7fbb 100644 --- a/src/mantine-core/src/Switch/Switch.styles.ts +++ b/src/mantine-core/src/Switch/Switch.styles.ts @@ -163,6 +163,9 @@ export default createStyles((theme, { size, radius, color }: SwitchStylesParams) paddingLeft: theme.spacing.sm, color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black, cursor: theme.cursorType, + '&[data-disabled]': { + color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5], + }, }, trackLabel: { diff --git a/src/mantine-core/src/Switch/Switch.tsx b/src/mantine-core/src/Switch/Switch.tsx index 1d607eaecdd..0d4c87c098d 100644 --- a/src/mantine-core/src/Switch/Switch.tsx +++ b/src/mantine-core/src/Switch/Switch.tsx @@ -132,7 +132,11 @@ export const Switch: SwitchComponent = forwardRef {label && ( -
+
{label}
)}