feat(tabs): added orientation prop to Tab component

yamada-ui · Oct 24, 2024 · ac79803 · ac79803
1 parent 93cfd52
commit ac79803
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/brave-camels-sniff.md b/.changeset/brave-camels-sniff.md
@@ -0,0 +1,5 @@
+---
+"@yamada-ui/tabs": patch
+---
+
+Added orientation prop and attribute to Tab component.
diff --git a/packages/components/tabs/src/tab.tsx b/packages/components/tabs/src/tab.tsx
@@ -26,6 +26,7 @@ export const Tab = forwardRef<TabProps, "button">(
     const {
       disableRipple,
       isManual,
+      orientation,
       selectedIndex,
       setFocusedIndex,
       setSelectedIndex,
@@ -76,6 +77,7 @@ export const Tab = forwardRef<TabProps, "button">(
         {...rest}
         type="button"
         aria-selected={ariaAttr(isSelected)}
+        data-orientation={orientation}
         tabIndex={isSelected ? 0 : -1}
         onFocus={isDisabled ? undefined : handlerAll(props.onFocus, onFocus)}
         onPointerDown={onPointerDown}