diff --git a/packages/design-system/src/components/WIP/Tabs/Primitive/Tab.tsx b/packages/design-system/src/components/WIP/Tabs/Primitive/Tab.tsx index 420f62982d6..e1981c73149 100644 --- 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) => { ); } - const { icon, title, tag, size, ...rest } = otherProps; + const { icon, title, tag, size, error, ...rest } = otherProps; return ( {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 index 62478db08e9..8123fe8850c 100644 --- 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; + } }