diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-18 06:17:36 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-18 06:17:36 +0800 |
commit | 6e0d622a1559937d8867216d571156564c666c77 (patch) | |
tree | b51eb39415e3cc1b69a87fb90fe3b0d03ae4c322 /packages/website/ts/@next/components/button.tsx | |
parent | 0e8f0d1d53c5ecc4d7c88457c21ec423d86b2293 (diff) | |
download | dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar.gz dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar.bz2 dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar.lz dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar.xz dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.tar.zst dexon-sol-tools-6e0d622a1559937d8867216d571156564c666c77.zip |
Open all new instant links in new window
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r-- | packages/website/ts/@next/components/button.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 4c8c0361e..b686b27a2 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -19,6 +19,7 @@ interface ButtonInterface { isInline?: boolean; href?: string; type?: string; + target?: string; to?: string; onClick?: () => any; theme?: ThemeInterface; @@ -26,7 +27,7 @@ interface ButtonInterface { } export const Button = (props: ButtonInterface) => { - const { children, href, isWithArrow, to, useAnchorTag } = props; + const { children, href, isWithArrow, to, useAnchorTag, target } = props; let linkElem; if (href || useAnchorTag) { @@ -37,9 +38,10 @@ export const Button = (props: ButtonInterface) => { } const Component = linkElem ? ButtonBase.withComponent(linkElem) : ButtonBase; + const targetProp = href && target ? { target } : {}; return ( - <Component {...props}> + <Component {...props} {...targetProp}> {children} {isWithArrow && ( |