aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-29 21:18:04 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-29 21:18:04 +0800
commit8bcb5b00ba464188b790ff61192d441842fb6b25 (patch)
treed5bd9befa1793745af2bbc6a26caa74a5ef89e3f /packages/website
parentd0fa615f32ae4214c49d883078b6b532d28d0163 (diff)
downloaddexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar.gz
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar.bz2
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar.lz
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar.xz
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.tar.zst
dexon-sol-tools-8bcb5b00ba464188b790ff61192d441842fb6b25.zip
Add transparent button
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/@next/components/button.tsx7
-rw-r--r--packages/website/ts/@next/pages/landing.tsx5
2 files changed, 7 insertions, 5 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index df784b8ef..050d87bb0 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
import { colors } from 'ts/style/colors';
-export interface Props extends ButtonInterface {
+export interface Props {
text: string;
transparent?: boolean;
inline?: boolean;
@@ -43,11 +43,12 @@ export const Button: React.StatelessComponent<Props> = ({ ...props }) => (
);
export const ButtonTransparent: React.StatelessComponent<Props> = ({ ...props }) => (
- <StyledButton transparent={true} {...props}>
+ <Button transparent={true} {...props}>
<Text>{props.text}</Text>
- </StyledButton>
+ </Button>
);
Button.defaultProps = {
transparent: false,
+ inline: false,
};
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index 19eed5acf..463d53d44 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -1,7 +1,8 @@
import * as React from 'react';
-import styled from 'styled-components'
+import styled from 'styled-components';
-import { Button } from 'ts/@next/components/button';
+import { colors } from 'ts/style/colors'
+import { Button, ButtonTransparent } from 'ts/@next/components/button';
import { Column, Section, Wrap } from 'ts/@next/components/layout';
import { SiteWrap } from 'ts/@next/components/siteWrap';
import { Heading, Intro } from 'ts/@next/components/text';