cleaned up

iTwin · Aug 15, 2024 · 811c4af · 811c4af
1 parent 58223be
commit 811c4af
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/apps/css-workshop/src/components/Radio.astro b/apps/css-workshop/src/components/Radio.astro
@@ -7,15 +7,7 @@ type Props = {
   name: string;
 } & astroHTML.JSX.HTMLAttributes;
 
-const { status, class: className, disabled, name, ...props } = Astro.props;
-
-const inputProps = {
-  ['class:list']: ['iui-radio', className],
-  type: 'radio',
-  disabled,
-  name,
-  ...props,
-} as astroHTML.JSX.InputHTMLAttributes;
+const { status, class: className, disabled, name, checked, ...props } = Astro.props;
 ---
 
 <label
@@ -27,7 +19,16 @@ const inputProps = {
     },
   ]}
 >
-  <input {...inputProps} />
+  <input
+    class:list={['iui-radio', className]}
+    ,
+    type='radio'
+    ,
+    disabled={disabled}
+    ,
+    name,
+    checked={checked}
+  />
   <span class='iui-radio-label'>
     <slot />
   </span>

diff --git a/apps/css-workshop/src/pages/radio.astro b/apps/css-workshop/src/pages/radio.astro
@@ -226,19 +226,19 @@ import Radio_ from '../components/Radio.astro';
       </label>
       <label class='iui-radio-wrapper'>
         <span class='iui-radio-label'>Option 2</span>
-        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-2' checked />
+        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-2' />
       </label>
       <label class='iui-radio-wrapper iui-positive'>
         <span class='iui-radio-label'>Option 3</span>
-        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-3' checked />
+        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-3' />
       </label>
       <label class='iui-radio-wrapper iui-warning'>
         <span class='iui-radio-label'>Option 4</span>
-        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-4' checked />
+        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-4' />
       </label>
       <label class='iui-radio-wrapper iui-negative'>
         <span class='iui-radio-label'>Option 5</span>
-        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-5' checked />
+        <input class='iui-radio' type='radio' name='radio-demo-12' value='option-5' />
       </label>
     </div>
 

diff --git a/apps/css-workshop/src/pages/toast.astro b/apps/css-workshop/src/pages/toast.astro
@@ -2,7 +2,6 @@
 import Layout from './_layout.astro';
 import Anchor_ from '../components/Anchor.astro';
 import IconButton_ from '../components/IconButton.astro';
-import Radio_ from '../components/Radio.astro';
 ---
 
 <Layout title='Toast notification'>