aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/button.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-18 06:17:36 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-18 06:17:36 +0800
commit6e0d622a1559937d8867216d571156564c666c77 (patch)
treeb51eb39415e3cc1b69a87fb90fe3b0d03ae4c322 /packages/website/ts/@next/components/button.tsx
parent0e8f0d1d53c5ecc4d7c88457c21ec423d86b2293 (diff)
downloaddexon-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.tsx6
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 && (