docs: sd-radio-button a11y (#1618)

solid-design-system · Nov 7, 2024 · 28dbb7b · 28dbb7b
1 parent 6d3ba49
commit 28dbb7b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/components/src/components/radio-button/radio-button.stories.ts b/packages/components/src/components/radio-button/radio-button.stories.ts
@@ -42,7 +42,7 @@ export default {
 export const Default = {
   name: 'Default',
   render: (args: any) => {
-    return generateTemplate({ args });
+    return html`<div tabindex="0" class="w-min focus-visible:focus-outline">${generateTemplate({ args })}</div>`;
   }
 };
 
@@ -166,13 +166,13 @@ export const Icon = {
     <div class="flex gap-12">
       <sd-radio-group value="1">
         <sd-radio-button value="1">
-          <sd-icon library="global-resources" name="system/picture" slot="icon"></sd-icon>
+          <sd-icon label="landscape" library="global-resources" name="system/picture" slot="icon"></sd-icon>
         </sd-radio-button>
         <sd-radio-button value="2">
-          <sd-icon library="global-resources" name="system/picture" slot="icon"></sd-icon>
+          <sd-icon label="landscape" library="global-resources" name="system/picture" slot="icon"></sd-icon>
         </sd-radio-button>
         <sd-radio-button value="3">
-          <sd-icon library="global-resources" name="system/picture" slot="icon"></sd-icon>
+          <sd-icon label="landscape" library="global-resources" name="system/picture" slot="icon"></sd-icon>
         </sd-radio-button>
       </sd-radio-group>
     </div>