Skip to content

Commit d2ad3d0

Browse files
Enhance footer overview with additional content and update variant terminology
1 parent 3659ae4 commit d2ad3d0

3 files changed

Lines changed: 18 additions & 2 deletions

File tree

apps/website/screens/components/footer/overview/FooterOverviewPage.tsx

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,10 @@ const sections = [
3131
<strong>Logo:</strong> Represents the brand identity visually. Positioned on the left side, it helps
3232
reinforce company recognition across all pages.
3333
</DxcBulletedList.Item>
34+
<DxcBulletedList.Item>
35+
<strong>Border:</strong> Marks the upper boundary of the header to visually separate it from the main
36+
content.
37+
</DxcBulletedList.Item>
3438
<DxcBulletedList.Item>
3539
<strong>Social icons:</strong> A set of clickable icons linking to the company's social media platforms
3640
(e.g., LinkedIn, Facebook). Placed on the right side for easy visibility and access.
@@ -43,6 +47,12 @@ const sections = [
4347
<strong>Company links:</strong> A horizontal list of navigational hyperlinks such as Privacy Policy, Terms &
4448
Conditions, etc. Offers users access to important legal or informational resources.
4549
</DxcBulletedList.Item>
50+
<DxcBulletedList.Item>
51+
<strong>Left slot:</strong> Commonly used for short informational paragraphs or contact details.
52+
</DxcBulletedList.Item>
53+
<DxcBulletedList.Item>
54+
<strong>Right slot:</strong> Commonly used for additional links, buttons, forms, or call to action.
55+
</DxcBulletedList.Item>
4656
</DxcBulletedList>
4757
</>
4858
),
@@ -53,15 +63,21 @@ const sections = [
5363
<>
5464
<DxcParagraph>
5565
To maintain consistency in layout flexibility and brand presentation, the footer offers two primary variants:{" "}
56-
<strong>Default</strong> and <strong>Small</strong>.
66+
<strong>Default</strong> and <strong>Reduced</strong>.
5767
</DxcParagraph>
5868
<DxcBulletedList>
5969
<DxcBulletedList.Item>
6070
<strong>Default:</strong> provides a balanced layout with branding and essential legal links. It offers a
6171
clean, uncluttered appearance suitable for most standard applications.
72+
<DxcBulletedList>
73+
<DxcBulletedList.Item>
74+
Users can add content to the Default view using custom code such as content sections, text, links, and
75+
other components for increased customization based on their specific needs.
76+
</DxcBulletedList.Item>
77+
</DxcBulletedList>
6278
</DxcBulletedList.Item>
6379
<DxcBulletedList.Item>
64-
<strong>Small:</strong> offers a compact version of the footer, typically limited to branding and minimal
80+
<strong>Reduced:</strong> offers a compact version of the footer, typically limited to branding and minimal
6581
legal text. It's best suited for lightweight experiences, login pages, or environments with constrained
6682
vertical space.
6783
</DxcBulletedList.Item>
25.9 KB
Loading
-6.14 KB
Loading

0 commit comments

Comments
 (0)