Merge pull request #390 from deriv-com/meenu-add-target-prop-for-link

deriv-com · Mar 11, 2024 · 95408e2 · 95408e2
2 parents d8abdec + deb46b5
commit 95408e2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/libs/components/src/lib/card/base/index.tsx b/libs/components/src/lib/card/base/index.tsx
@@ -109,6 +109,7 @@ export const BaseCard: React.FC<BaseCardProps> = ({
             size="md"
             descriptiveText={link?.descriptiveText}
             hasIcon
+            target={link?.target || '_self'}
           >
             {link.content}
           </CustomLink>

diff --git a/libs/components/src/lib/card/types/index.ts b/libs/components/src/lib/card/types/index.ts
@@ -4,6 +4,7 @@ export type StatCardVariant = 'white' | 'dark' | 'coral';
 export type CardColorVariant = 'light' | 'gray';
 export type CardAlignVariant = 'start' | 'center';
 export type CardSizeVariant = 'xs' | 'sm' | 'md' | 'lg';
+export type CardLinkTargetVariant = '_blank' | '_self' | '_parent' | '_top';
 
 interface BaseCardContent {
   header?: ReactNode;
@@ -14,6 +15,7 @@ interface LinkProps {
   content: ReactNode;
   href: string;
   descriptiveText?: string;
+  target?: CardLinkTargetVariant;
 }
 
 export interface StatCardContent extends BaseCardContent {