@seek/anz-candidate-header-footer-standalone

Standalone JS, CSS and HTML build of the SEEK ANZ candidate header/footer

Usage no npm install needed!

<script type="module">
  import seekAnzCandidateHeaderFooterStandalone from 'https://cdn.skypack.dev/@seek/anz-candidate-header-footer-standalone';
</script>

README

anz-candidate-header-footer-standalone

This package exports a standalone build of the SEEK ANZ candidate header/footer components. You can load it from npm or directly from unpkg

Usage

All assets are located in the dist directory

Add the HTML

The following variations are available:

  • header_au.html
  • header_nz.html
  • header_au_career-advice.html
  • header_nz_career-advice.html
  • footer_au.html
  • footer_nz.html

Load the JS and CSS

  • seek-candidate-header-footer.js
  • seek-candidate-header-footer.css

Update Authentication status

Once the app has loaded you should update the authentication status of the header.

If the user is logged in

SeekHeaderFooter.updateProps({
  authenticationStatus: 'authenticated',
  userName: 'Andrew',
});

If the user is not logged in

SeekHeaderFooter.updateProps({
  authenticationStatus: 'unauthenticated',
});