Skip to content

Add spanish logo to header component#594

Merged
flacoman91 merged 9 commits into
mainfrom
rad-logo-svg
May 20, 2026
Merged

Add spanish logo to header component#594
flacoman91 merged 9 commits into
mainfrom
rad-logo-svg

Conversation

@flacoman91
Copy link
Copy Markdown
Collaborator

@flacoman91 flacoman91 commented May 19, 2026

  • Creates Logo component which can switch between english or spanish
  • Update Header with lang parameter to accept en or es to display the different logo, English or Spanish
  • Updated banner in Header to display spanish text "Un sitio web oficial del gobierno federal de los Estados Unidos"
  • Multi-viewport updates to reflect changes when selecting different options in the storybook playground

To test:

  • Go to preview
  • Go to Header
  • Select a different lang to see the different logo

https://cfpb.github.io/design-system-react/pr-previews/pr-594/?path=/story/components-draft-header--default&args=lang:es

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 19, 2026

PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-05-20 16:43 UTC

@natalia-fitzgerald
Copy link
Copy Markdown
Collaborator

@flacoman91

I think this will get fixed when we merge #582 but it looks like the extra top and bottom 10px of padding are showing up here.
Screenshot 2026-05-19 at 10 44 09 PM

Also, for the Spanish we'll have to have it so that turning on the Spanish logo also switches the US gov banner to the Spanish version. The text for that should be "Un sitio web oficial del gobierno federal de los Estados Unidos". While we're at it we should add this to the US gov banner component too.

…-svg

# Conflicts:
#	src/components/Header/header.test.tsx
#	src/components/Header/header.tsx
update description
@flacoman91 flacoman91 enabled auto-merge (squash) May 20, 2026 16:41
Copy link
Copy Markdown
Collaborator

@natalia-fitzgerald natalia-fitzgerald left a comment

Choose a reason for hiding this comment

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

@flacoman91 - Looks great! Nice work.

@flacoman91 flacoman91 merged commit eead486 into main May 20, 2026
3 checks passed
@flacoman91 flacoman91 deleted the rad-logo-svg branch May 20, 2026 16:42
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.

2 participants