feat(link_underline): add link underline (#1648)

Adds underline boolean type property for Link component
gravity-ui · Jun 17, 2024 · 496ca55 · 496ca55
1 parent 4374858
commit 496ca55
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/components/Link/Link.scss b/src/components/Link/Link.scss
@@ -42,4 +42,8 @@ $block: '.#{variables.$ns}link';
             color: var(--g-color-text-link-visited-hover);
         }
     }
+
+    &_underline {
+        text-decoration: underline;
+    }
 }
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
@@ -13,6 +13,7 @@ export type LinkView = 'normal' | 'primary' | 'secondary';
 export interface LinkProps extends DOMProps, QAProps {
     view?: LinkView;
     visitable?: boolean;
+    underline?: boolean;
     title?: string;
     href: string;
     target?: string;
@@ -31,6 +32,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link
     {
         view = 'normal',
         visitable,
+        underline,
         href,
         target,
         rel,
@@ -63,7 +65,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link
         onBlur,
         id,
         style,
-        className: b({view, visitable}, className),
+        className: b({view, visitable, underline}, className),
         'data-qa': qa,
     };
 

diff --git a/src/components/Link/__stories__/Link.new.stories.tsx b/src/components/Link/__stories__/Link.new.stories.tsx
@@ -40,6 +40,9 @@ export default {
         id: {
             control: {type: 'text'},
         },
+        underline: {
+            control: {type: 'boolean'},
+        },
     },
     parameters: {
         order: -100,