pulibrary / lux-design-system

Princeton University Library's design system
https://pulibrary.github.io/lux-design-system/
1 stars 1 forks source link

Component language should be translatable in LuxUniversityFooter #398

Open sdellis opened 3 days ago

sdellis commented 3 days ago

User story

Localization usually involves the translated replacement of strings by the host app. We can localize (aka, "translate") menu items in the LuxMenuBar because it allows us to add custom menu items in the host application. We should allow the same kind of customization in the LuxUniversityFooter so that we can translate the policy link text. The current hard coded values should be set as the default. Right now it is not exposed to the host app for modification.

Acceptance criteria

Implementation notes, if any

The LuxUniversityFooter should be able to receive a prop that is an array of objects with two values, the link-text and link-url.

So it would look something like this in HTML:

<lux-university-footer :links=[
   {link-text: 'Copyright Policy', link-url: 'https://library.princeton.edu/about/policies/copyright-and-permissions-policies'},
   {link-text: 'Privacy Notice, link-url: 'https://www.princeton.edu/privacy-notice'}
  ]
>
</lux-university-footer>