diff --git a/components/lib/radiobutton/RadioButton.js b/components/lib/radiobutton/RadioButton.js
index 3b17e015b4..6f3b85f9ea 100644
--- a/components/lib/radiobutton/RadioButton.js
+++ b/components/lib/radiobutton/RadioButton.js
@@ -134,7 +134,7 @@ export const RadioButton = React.memo(
                     onBlur: onBlur,
                     onChange: onChange,
                     disabled: props.disabled,
-                    readonly: props.readonly,
+                    readOnly: props.readonly,
                     required: props.required,
                     tabIndex: props.tabIndex,
                     className: cx('input'),
diff --git a/components/lib/togglebutton/ToggleButton.js b/components/lib/togglebutton/ToggleButton.js
index d9e4fad643..dfd7c059a2 100644
--- a/components/lib/togglebutton/ToggleButton.js
+++ b/components/lib/togglebutton/ToggleButton.js
@@ -124,7 +124,7 @@ export const ToggleButton = React.memo(
                 'aria-pressed': props.checked,
                 'aria-invalid': props.invalid,
                 disabled: props.disabled,
-                readonly: props.readonly,
+                readOnly: props.readonly,
                 value: props.checked,
                 checked: props.checked
             },
diff --git a/components/lib/tristatecheckbox/TriStateCheckbox.js b/components/lib/tristatecheckbox/TriStateCheckbox.js
index c7dc31975b..0be0866917 100644
--- a/components/lib/tristatecheckbox/TriStateCheckbox.js
+++ b/components/lib/tristatecheckbox/TriStateCheckbox.js
@@ -146,7 +146,7 @@ export const TriStateCheckbox = React.memo(
             type: 'checkbox',
             'aria-invalid': props.invalid,
             disabled: props.disabled,
-            readonly: props.readOnly,
+            readOnly: props.readOnly,
             value: props.value,
             checked: props.value,
             onChange: onChange