Masthead L1

Core UI component

The Masthead L1 component is an optional navigational pattern for IBM.com that allows adopters to add an additional micro navigation across a topic/category of pages.

---

Table of contents

• 1. Site name
• 2. Navigation

Dependencies (1)

• Masthead navigation

Used by (1)

• Masthead

Back links (7)

Masthead mobile (1)

• r2: Masthead L1

Masthead navigation (1)

• r2: Masthead L1

Masthead (5)

• ...component brings the Masthead L0 and Masthead L1 together into a single component for adopters to...
• ...| Masthead L0 gets primarySticky state if Masthead L1 is not present.
• ...=== true` | Hide Masthead L0 navigation if Masthead L1 2 is present.
• 1.1.1 | L1 navigation === true | If Masthead L1's 2 navigation is...
• See Masthead L1 for more

Resources

• r1: Box folder

---

Logic

	condition	description
0.0.1	viewport width <= 800px	Masthead L1 is hidden, moves under Masthead mobile

1. Site name

required CTA

The site name is an optional link that links the user to a parent hierarchical structure within the IBM IA

Events

	name	description
1.0.0	onClick	Navigates to the target URL.

2. Navigation

optional component

See Masthead navigation for more details.