feat(@clayui/form): Toggle Switch adds sizing attribute

liferay · Jan 11, 2024 · d29270b · d29270b
1 parent ea5fdc5
commit d29270b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/clay-form/src/Toggle.tsx b/packages/clay-form/src/Toggle.tsx
@@ -14,6 +14,7 @@ export interface IToggleProps
 	id?: string;
 	label?: React.ReactText;
 	onToggle?: (val: boolean) => void;
+	sizing?: string;
 	spritemap?: string;
 	symbol?: {on: string; off: string};
 	toggled?: boolean;
@@ -32,6 +33,7 @@ const ClayToggle = React.forwardRef<HTMLLabelElement, IToggleProps>(
 			onChange,
 			onToggle,
 			role = 'switch',
+			sizing,
 			spritemap,
 			symbol,
 			toggled,
@@ -52,7 +54,10 @@ const ClayToggle = React.forwardRef<HTMLLabelElement, IToggleProps>(
 					'toggle-switch',
 					'simple-toggle-switch',
 					containerProps.className,
-					{disabled}
+					{
+						disabled,
+						[`toggle-switch-${sizing}`]: sizing,
+					}
 				)}
 				ref={ref}
 			>