fix(Anchor): allow rel property in TS

dnbexperience · Jan 4, 2023 · dc06c80 · dc06c80
1 parent 98d5c4b
commit dc06c80
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/dnb-eufemia/src/elements/Anchor.tsx b/packages/dnb-eufemia/src/elements/Anchor.tsx
@@ -33,7 +33,7 @@ export type AnchorProps = {
 }
 
 export type AnchorAllProps = AnchorProps &
-  React.HTMLAttributes<HTMLAnchorElement> &
+  React.HTMLProps<HTMLAnchorElement> &
   SpacingProps
 
 const defaultProps = {}

diff --git a/packages/dnb-eufemia/src/elements/__tests__/Anchor.test.tsx b/packages/dnb-eufemia/src/elements/__tests__/Anchor.test.tsx
@@ -81,6 +81,15 @@ describe('Anchor element', () => {
     expect(document.body.querySelector('#' + id)).toBe(null)
   })
 
+  it('supports rel', () => {
+    render(
+      <Anchor rel="external" href="http://www.externallink.com/">
+        text
+      </Anchor>
+    )
+    expect(document.querySelector('[rel="external"]')).toBeTruthy()
+  })
+
   it('should validate with ARIA rules as a Anchor element', async () => {
     const Component = render(<Anchor {...props} />)
     expect(await axeComponent(Component)).toHaveNoViolations()