From 8bcb5b00ba464188b790ff61192d441842fb6b25 Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Thu, 29 Nov 2018 14:18:04 +0100 Subject: Add transparent button --- packages/website/ts/@next/components/button.tsx | 7 ++++--- packages/website/ts/@next/pages/landing.tsx | 5 +++-- 2 files changed, 7 insertions(+), 5 deletions(-) (limited to 'packages') 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 }) => ( ); export const ButtonTransparent: React.StatelessComponent = ({ ...props }) => ( - + ); 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'; -- cgit v1.2.3