Responsive Tabs

Renders a responsive Mantine Tabs component that moves overflowing tabs into a dropdown button

• Import

  import { ResponsiveTabs } from '@smile/haring-react';
• Extends Tabs
• Source View Source Code
• Package @smile/haring-react
• Storybook Storybook

Storybook Docs

Props

Name	Type	Default	Description
children *	ReactNode	-	Content rendered below the tabs
tabs *	ReactElement<HTMLButtonElement>[]	-	Array of <Tabs.Tab> components, see Tabs Usage
dropdownButtonAriaLabel	string	"Overflow Button"	Aria label of the dropdown button
dropdownButtonProps	ButtonProps	-	Props for the Mantine Button component
tabsListProps	TabsListProps	-	Props for the Mantine Tabs.List component, see Tabs Usage
...	-	-	extends Tabs props