Skip to content

feat(#2145): header - added contextual examples#431

Merged
ArakTaiRoth merged 3 commits into
GovAlta:alphafrom
mxsoco:mxsoco/feat-2145
Oct 7, 2025
Merged

feat(#2145): header - added contextual examples#431
ArakTaiRoth merged 3 commits into
GovAlta:alphafrom
mxsoco:mxsoco/feat-2145

Conversation

@mxsoco
Copy link
Copy Markdown
Collaborator

@mxsoco mxsoco commented Sep 16, 2025

Added the following examples:

  • Sign in using the site header
image
  • Access user settings in the site header
image

@netlify
Copy link
Copy Markdown

netlify Bot commented Sep 16, 2025

Deploy Preview for abgov-ui-component-docs ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit b3bceab
🔍 Latest deploy log https://app.netlify.com/projects/abgov-ui-component-docs/deploys/68d45bc76c896d0008b8eb24
😎 Deploy Preview https://deploy-preview-431--abgov-ui-component-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Collaborator

@bdfranck bdfranck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! There's just a couple small code changes.

Comment thread src/examples/header-logged-in-menu.tsx Outdated
<a href="#">Manage account</a>
<a href="#">Request new staff account</a>
<a href="#">System admin</a>
<a href="#" className="interactive">Sign out</a>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The Angular examples should use the class property instead of className. Only React uses className.

Comment thread src/examples/header-logged-in-menu.tsx Outdated
<a href="#">Manage account</a>
<a href="#">Request new staff account</a>
<a href="#">System admin</a>
<a href="#" className="interactive">Sign out</a>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also change this className to class.

Comment thread src/examples/header-with-sign-in.tsx Outdated
[hasmenuclickhandler]="true"
(_menuClick)="handleMenuClick()"
>
<a href="#" className="interactive">Sign in</a>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also change this className to class.

Comment thread src/examples/header-with-sign-in.tsx Outdated
[fullMenuBreakpoint]="1500"
(onMenuClick)="handleMenuClick()"
>
<a href="#" className="interactive">Sign in</a>
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also change this className to class.

Copy link
Copy Markdown
Collaborator

@bdfranck bdfranck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I looked at the code snippets...

  • ✅ I can see the Angular code uses class and not className
Image

Looks good to me! 👍

@ArakTaiRoth ArakTaiRoth merged commit 7400650 into GovAlta:alpha Oct 7, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Header: Design system website contextual example updates

3 participants