Add a new VNavLink component

[obulat]

From WordPress/openverse-frontend#2009

For the active state needed, I created a new "Link" component with resting, hover, and disabled states for its active and inactive versions. The component can be reused in other areas as is consistent with other actions across the site.

Description

The VNavLink component is used in the VPageLinks component in the new header (VHeaderInternal) and the footer (VFooter) . It should be a wrapper over the VLink component that provides interaction styles.

API

Props

Name	Type	Description
href	string	The URL for the linked page. Can be relative (for internal links) or absolute (for external links).
mode	'light', 'dark'	The VNavLink should have a dark mode for the VHeaderInternal's modal.

Slots

Name	Slot props	Description
default	-	The text of the link

State

Name	Type	Description

Events

Name	Associated data	Description
click	-	-

Code samples

Dependencies

References

• Figma: Design Library.

Implementation

• 🙋 I would be interested in implementing this component.