diff --git a/packages/@mantine/core/src/components/Tabs/TabsTab/TabsTab.tsx b/packages/@mantine/core/src/components/Tabs/TabsTab/TabsTab.tsx index 8a7f30db525..058cbfd2f30 100644 --- a/packages/@mantine/core/src/components/Tabs/TabsTab/TabsTab.tsx +++ b/packages/@mantine/core/src/components/Tabs/TabsTab/TabsTab.tsx @@ -62,6 +62,7 @@ export const TabsTab = factory((_props, ref) => { styles, vars, mod, + tabIndex, ...others } = props; @@ -97,7 +98,7 @@ export const TabsTab = factory((_props, ref) => { role="tab" id={ctx.getTabId(value)} aria-selected={active} - tabIndex={active || ctx.value === null ? 0 : -1} + tabIndex={tabIndex || active || ctx.value === null ? 0 : -1} aria-controls={ctx.getPanelId(value)} onClick={activateTab} __vars={{ '--tabs-color': color ? getThemeColor(color, theme) : undefined }}