cerner · saket2403 · Nov 2, 2023 · Oct 27, 2023 · Oct 27, 2023 · Oct 27, 2023
diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## Unreleased
 
 * Added
+  * Updated customDisplay examples for tabs.
   * Added `aria-label` and `ariaDescribedBy` examples for `terra-collapsible-menu-view`.
   * Added examples and test to `terra-table` for row selection mode.
   * Added initial setup for `terra-compact-interactive-list` documentation.

diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/ClosableTab.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/ClosableTab.test.jsx
@@ -32,7 +32,7 @@ const ClosableTab = () => {
 
   tabsExample.push(
     {
-      label: 'Customized Tab',
+      label: 'Cutomised Test Tab',
       customDisplay: <div className={cx('custom-display')}>Customized Tab</div>,
       key: 'CloseCustomTab',
       content: 'Custom display',

diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/TabsTemplate.module.scss b/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/TabsTemplate.module.scss
@@ -20,4 +20,8 @@
   .content-container-vertical {
     height: 240px;
   }
+
+  .custom-display {
+    color: #f00;
+  }
 }
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/VerticalTab.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/tabs/Tabs/VerticalTab.test.jsx
@@ -29,9 +29,9 @@ const VerticalTab = () => {
   const customTab = (
     <Tabs.Pane
       customDisplay={(
-        <div className={cx('custom-display')}>
+        <span className={cx('custom-display', 'custom-vertical')}>
           Custom display
-        </div>
+        </span>
       )}
       label="Custom display"
       key="tCustomTab"

diff --git a/packages/terra-tabs/CHANGELOG.md b/packages/terra-tabs/CHANGELOG.md
@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Fixed
+  * Fixed issue to prefer `customDisplay` prop over `label` prop.
+
 ## 7.11.1 - (October 25, 2023)
 
 * Fixed

diff --git a/packages/terra-tabs/src/Tabs.jsx b/packages/terra-tabs/src/Tabs.jsx
@@ -174,6 +174,7 @@ class Tabs extends React.Component {
           isDisabled={child.props.isDisabled}
           isClosable={isClosable}
           variant="framework"
+          customDisplay={child.props.customDisplay}
         />,
       );
     });

diff --git a/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png b/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png
diff --git a/...nical-lowlight-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png b/...nical-lowlight-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png
diff --git a/.../reference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png b/.../reference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png
diff --git a/...eference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tab_after_close.png b/...eference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tab_after_close.png
diff --git a/.../reference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png b/.../reference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png
diff --git a/...eference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png b/...eference/clinical-lowlight-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png
diff --git a/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png b/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png
diff --git a/...e/orion-fusion-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png b/...e/orion-fusion-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png b/...ots__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png
diff --git a/...s__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tab_after_close.png b/...s__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tab_after_close.png
diff --git a/...ots__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png b/...ots__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png
diff --git a/...s__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png b/...s__/reference/orion-fusion-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png
diff --git a/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png b/...heme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Interactive_Element.png
diff --git a/.../terra-default-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png b/.../terra-default-theme/en/chrome_medium/tabs-spec/Keyboard_Focus_on_First_Tab.png
diff --git a/...ts__/reference/terra-default-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png b/...ts__/reference/terra-default-theme/en/chrome_medium/tabs-spec/New_Tab_Added.png
diff --git a/...__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tab_after_close.png b/...__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tab_after_close.png
diff --git a/...ts__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png b/...ts__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tabs_with_Add.png
diff --git a/...__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png b/...__/reference/terra-default-theme/en/chrome_medium/tabs-spec/Tabs_with_close.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,9 @@ @@
     ## Unreleased
+    * Fixed
+      * Fixed issue to prefer `customDisplay` prop over `label` prop.
     ## 7.11.1 - (October 25, 2023)
     * Fixed
@@ Expand Down @@