diff --git a/src/Anchor/Anchor.tsx b/src/Anchor/Anchor.tsx index 20170fea..24c39123 100644 --- a/src/Anchor/Anchor.tsx +++ b/src/Anchor/Anchor.tsx @@ -5,22 +5,23 @@ import { CommonStyledProps } from '../types'; type AnchorProps = { children: React.ReactNode; + underline?: boolean; } & React.AnchorHTMLAttributes & CommonStyledProps; const StyledAnchor = styled.a<{ underline: boolean }>` color: ${({ theme }) => theme.anchor}; font-size: inherit; - text-decoration: underline; + text-decoration: ${({ underline }) => (underline ? 'underline' : 'none')}; &:visited { color: ${({ theme }) => theme.anchorVisited}; } `; const Anchor = forwardRef( - ({ children, ...otherProps }: AnchorProps, ref) => { + ({ children, underline = true, ...otherProps }: AnchorProps, ref) => { return ( - + {children} );