diff --git a/apps/css-workshop/src/components/Checkbox.astro b/apps/css-workshop/src/components/Checkbox.astro
index 7b924998cca..2b1708d3d93 100644
--- a/apps/css-workshop/src/components/Checkbox.astro
+++ b/apps/css-workshop/src/components/Checkbox.astro
@@ -31,7 +31,7 @@ const inputProps = {
   indeterminate: indeterminate,
   type: 'checkbox',
   'data-iui-loading': isLoading ? 'true' : undefined,
-  'data-iui-disabled': disabled ? 'true' : undefined,
+  disabled: disabled,
   ...props,
 } as astroHTML.JSX.InputHTMLAttributes;
 ---
diff --git a/apps/css-workshop/src/components/Radio.astro b/apps/css-workshop/src/components/Radio.astro
index 981e3880bf0..48124f0eb8e 100644
--- a/apps/css-workshop/src/components/Radio.astro
+++ b/apps/css-workshop/src/components/Radio.astro
@@ -26,7 +26,7 @@ const { disabled, status, class: className, labelPosition = 'right', ...props }
   <input
     class:list={['iui-checkbox', 'iui-radio', className]}
     type='radio'
-    data-iui-disabled={disabled ? 'true' : undefined}
+    disabled={disabled}
     {...props}
   />
   {