diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-29 17:55:22 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-29 17:55:34 +0800 |
commit | aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9 (patch) | |
tree | 1dc9e2d9eaaa29f481fefea6b7ed67b6ec64a934 /packages/website/ts/@next/components/button.tsx | |
parent | 9b794c00eab124b499ab6c8c9ec1cccc8e09546b (diff) | |
download | dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.gz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.bz2 dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.lz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.xz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.zst dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.zip |
WIP landing and button changes
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r-- | packages/website/ts/@next/components/button.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index bbb6b7935..e67f8a8e1 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -5,15 +5,20 @@ import { colors } from 'ts/style/colors'; export interface ButtonInterface { text: string; + transparent?: any; } -const StyledButton = styled.button` +const StyledButton = styled.button<ButtonInterface>` appearance: none; border: 0; background-color: ${colors.brandLight}; color: ${colors.white}; text-align: center; padding: 13px 22px 14px; + + ${props => props.transparent && ` + border: 1px solid #6A6A6A; + `} `; const Text = styled.span` @@ -22,8 +27,12 @@ const Text = styled.span` line-height: 1.375rem; `; -export const Button: React.StatelessComponent<ButtonInterface> = ({ text }) => ( - <StyledButton> +export const Button: React.StatelessComponent<ButtonInterface> = ({ text, transparent }) => ( + <StyledButton transparent> <Text>{text}</Text> </StyledButton> ); + +Button.defaultProps = { + transparent: false, +}; |