error on tab title

Talend · Oct 10, 2023 · 699144c · 699144c
1 parent c131b33
commit 699144c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/design-system/src/components/WIP/Tabs/Primitive/Tab.tsx b/packages/design-system/src/components/WIP/Tabs/Primitive/Tab.tsx
@@ -16,6 +16,7 @@ type TabChildren =
 			title: string;
 			icon?: IconNameWithSize<'S'>;
 			tag?: string | number;
+			error?: boolean;
 	  }
 	| { children: string };
 
@@ -53,13 +54,16 @@ const Tab = forwardRef((props: TabPropsTypes, ref: Ref<HTMLButtonElement>) => {
 			);
 		}
 
-		const { icon, title, tag, size, ...rest } = otherProps;
+		const { icon, title, tag, size, error, ...rest } = otherProps;
 		return (
 			<ReakitTab
 				{...rest}
 				type="button"
 				ref={ref}
-				className={classnames(styles.tab, { [styles.tab_large]: size === 'L' })}
+				className={classnames(styles.tab, {
+					[styles.tab_large]: size === 'L',
+					[styles.tab_error]: error === true,
+				})}
 			>
 				<StackHorizontal gap="XXS" align="center" display="inline">
 					{icon && <SizedIcon size="S" name={icon} />}

diff --git a/packages/design-system/src/components/WIP/Tabs/Primitive/TabStyles.module.scss b/packages/design-system/src/components/WIP/Tabs/Primitive/TabStyles.module.scss
@@ -82,4 +82,8 @@
 			margin-right: tokens.$coral-spacing-s;
 		}
 	}
+
+	&_error{
+		color: tokens.$coral-color-danger-text;
+	}
 }