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

Core UI component

Masthead account is an optional component of the masthead. It allows users to authenticate and enables an authenticated site experience.

---

Table of contents

• 1. Login CTA
• 2. My IBM CTA
• 3. Profile
  • 3.1 Profile CTA
  • 3.2 Profile dropdown

Dependencies (3)

• Profile service
• Translation
• Carbon icons

Used by (1)

• Masthead L0

Back links (1)

Masthead L0 (1)

• See Masthead account for more

Resources

• r1: Masthead L0

---

	name	description
0.1.0	loggedin	User has been authenticated.
0.1.1	loggedout	User is not authenticated.

The Profile service is used to determine a user's logged state.

Required CTA

The login CTA allows the user to navigate to the login page and enter their credentials.

	condition	description
1.0.0	loggedin 0.1.0	Hidden with loggedin 0.1.0 state.
1.0.1	loggedout 0.1.1	Visible with loggedout 0.1.1 state.

	name	description
1.0.2	onClick	Load's the My IBM Login page.

Required CTA

The My IBM CTA allows users to find their My IBM account page.

	condition	description
2.0.0	loggedin 0.1.0	Visible
2.0.1	loggedout 0.1.1	Hidden
2.0.2	@sm	Hidden
2.0.3	@md @lg @xlg @max	Visible

	name	description
2.0.4	onClick	Load's the My IBM page.

Required Dropdown

The Profile has various options to manage the user's current profile and status.

	condition	description
3.0.0	loggedin 0.1.0	Visible
3.0.1	loggedout 0.1.1	Hidden

	name	description
3.1.0	onClick	Reveal's a dropdown list of menu options.

	condition	description
3.2.1	@sm	Visible My IBM CTA 2
3.2.2	@md @lg @xlg @max	Hidden My IBM CTA 2

	name	description
3.2.3	onBlur	Closes profile dropdown.

See Carbon icons for User icon.

See Translation for content.