Skip to content

Commit 978bb99

Browse files
committed
Nav tabs overview fixes
1 parent 67fc522 commit 978bb99

File tree

1 file changed

+9
-11
lines changed

1 file changed

+9
-11
lines changed

apps/website/screens/components/nav-tabs/overview/NavTabsOverviewPage.tsx

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -30,32 +30,30 @@ const sections = [
3030
<Image src={navTabsAnatomy} alt="Nav tabs anatomy" />
3131
<DxcBulletedList type="number">
3232
<DxcBulletedList.Item>
33-
<strong>Container: </strong>the outer wrapper that holds and organizes all tab items. It defines the overall
33+
<strong>Container:</strong> the outer wrapper that holds and organizes all tab items. It defines the overall
3434
structure and layout of the navigation tabs, ensuring proper alignment and spacing across the component.
3535
</DxcBulletedList.Item>
3636
<DxcBulletedList.Item>
37-
<strong>Label: </strong>the text displayed within each tab that indicates the section or category it leads
37+
<strong>Label:</strong> the text displayed within each tab that indicates the section or category it leads
3838
to.
3939
</DxcBulletedList.Item>
4040
<DxcBulletedList.Item>
41-
<strong>Notification badge </strong>
42-
<em>(Optional)</em>: a visual indicator that displays the number of pending actions, alerts or updates
43-
related to a specific tab.
41+
<strong>Notification badge</strong> <em>(Optional)</em>: a visual indicator that displays the number of
42+
pending actions, alerts or updates related to a specific tab.
4443
</DxcBulletedList.Item>
4544
<DxcBulletedList.Item>
46-
<strong>Selected tab: </strong>the active tab currently in focus, representing the visible content section.
45+
<strong>Selected tab:</strong> the active tab currently in focus, representing the visible content section.
4746
It is visually distinguished from unselected tabs using different color, weight or indicator styling.
4847
</DxcBulletedList.Item>
4948
<DxcBulletedList.Item>
50-
<strong>Icon</strong>
51-
<em>(Optional)</em>: an optional graphical element placed before the label to visually reinforce the tab's
52-
meaning or category.
49+
<strong>Icon</strong> <em>(Optional)</em>: an optional graphical element placed before the label to visually
50+
reinforce the tab's meaning or category.
5351
</DxcBulletedList.Item>
5452
<DxcBulletedList.Item>
55-
<strong>Selected tab indicator: </strong>a horizontal bar that visually marks the currently active tab.
53+
<strong>Selected tab indicator:</strong> a horizontal bar that visually marks the currently active tab.
5654
</DxcBulletedList.Item>
5755
<DxcBulletedList.Item>
58-
<strong>Unselected tab indicator: </strong>a horizontal bar that visually marks the currently inactive tab.
56+
<strong>Unselected tab indicator:</strong> a horizontal bar that visually marks the currently inactive tab.
5957
</DxcBulletedList.Item>
6058
</DxcBulletedList>
6159
</>

0 commit comments

Comments
 (0)