Header - web component - Development

Description

Build a web component of the Header. Be sure to add analytics if necessary, see guidance.

If this is a pattern or component that is already in existence, check the Design System Team backlog for outstanding issues. If you find any, link to them in a comment on this ticket. If possible, address any outstanding issues with this new version and link to this issue from the original issue. If not, indicate that in the original issue.

Details

Design documents: https://www.figma.com/file/afurtw4iqQe6y4gXfNfkkk/VADS-Component-Library?type=design&node-id=1839%3A42121&mode=design&t=yJYX3pWR6pSm2Kmx-1
Review accessibility considerations added to component design ticket (if any)
Review Design System Engineering Best Practices document

Tasks

[ ] Review DST backlog for outstanding issues with this component, if necessary
[ ] Create web component and add to Storybook
[ ] Write any necessary tests
[ ] Add Chromatic link to #[add accessibility ticket number] and request review from an accessibility specialist
[ ] Contact designer for design review
[ ] Display the appropriate maturity scale option in Storybook (once this feature is available)
- If this is a new component that has not gone through Staging Review, it should be labeled "Use with Caution: Candidate"
[ ] Merge component
[ ] Create a new release of component-library
[ ] Update component-library dependency in vets-design-system-documentation to get the updated component-docs.json
[ ] Add analytics set-up to vets-website repository. See guidance here.

Acceptance Criteria

[ ] Component is written and added to Storybook
[ ] Component has had accessibility and design reviews
[ ] Design.va.gov has the latest version of component-library
[ ] Analytics has been configured for the component in the vets-website repo

department-of-veterans-affairs / vets-design-system-documentation

Header - web component - Development #2682

Description

Details

Tasks

Acceptance Criteria