External links are currently implemented with <a> tags in JSX. Chakra UI has a Link component which has the same functionality as a, while also making the links themeable through variants defined in the default or a custom theme via Chakra's theming API. See this discussion for context and an example.
Changes
Replaces use of anchor tags for external links with the Link component from Chakra UI
Replace the use of target="_blank" and rel="noopener noreferrer" attributes on external links with the isExternal prop on the substituted Link components which provides the same functionality
External links are currently implemented with
<a>tags in JSX. Chakra UI has aLinkcomponent which has the same functionality asa, while also making the links themeable through variants defined in the default or a custom theme via Chakra's theming API. See this discussion for context and an example.Changes
Linkcomponent from Chakra UItarget="_blank"andrel="noopener noreferrer"attributes on external links with theisExternalprop on the substitutedLinkcomponents which provides the same functionalityScreenshots
Checklist