docs: accessible toggle button in examples (nextui-org#1749)

qburst · Oct 7, 2023 · 9245384 · 9245384
1 parent 5af4b10
commit 9245384
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/apps/docs/content/components/select/open-state.ts b/apps/docs/content/components/select/open-state.ts
@@ -47,7 +47,7 @@ export default function App() {
           </SelectItem>
         ))}
       </Select>
-      <Button onPress={() => setIsOpen(!isOpen)}>
+      <Button aria-label="Open" aria-pressed={isOpen} onPress={() => setIsOpen(!isOpen)}>
         {isOpen ? "Close" : "Open"}
       </Button>
     </div>

diff --git a/packages/components/button/stories/button.stories.tsx b/packages/components/button/stories/button.stories.tsx
@@ -76,7 +76,7 @@ const StateTemplate = (args: ButtonProps) => {
   };
 
   return (
-    <Button {...args} onPress={handleClick}>
+    <Button {...args} aria-label="Open" aria-pressed={isOpen} onPress={handleClick}>
       {isOpen ? "Close" : "Open"}
     </Button>
   );