Merge pull request #170 from balena-io-modules/tabs-left-element

Tabs: Add `leftElement` prop
balena-io-modules · Jan 10, 2025 · d66e248 · d66e248
2 parents a048d3a + a78e3e7
commit d66e248
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/Tabs/index.tsx b/src/components/Tabs/index.tsx
@@ -15,6 +15,7 @@ export interface TabsProps {
 	currentTab?: string;
 	onTabChange?: (newTab: number) => void;
 	setTab?: (newTab: string) => void;
+	leftElement?: JSX.Element;
 }
 
 export const Tabs = ({
@@ -24,6 +25,7 @@ export const Tabs = ({
 	onTabChange,
 	setTab,
 	currentTab,
+	leftElement,
 }: TabsProps) => {
 	const [tabState, setTabState] = React.useState(
 		(defaultTab !== undefined && defaultTab > 0 && defaultTab < tabs.length
@@ -57,6 +59,7 @@ export const Tabs = ({
 				]}
 				{...boxProps}
 			>
+				{leftElement}
 				<TabList onChange={handleChange} variant="scrollable">
 					{tabs.map(({ label, tabProps }, index) => (
 						<Tab