Masthead L1 - carbon-design-system/carbon-for-ibm-dotcom-website GitHub Wiki

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.