feat: links as buttons

ccontrols · Jun 8, 2020 · e1c65be · e1c65be
1 parent a4d7575
commit e1c65be
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/examples/stories/src/blogs/home-page.mdx b/examples/stories/src/blogs/home-page.mdx
@@ -19,23 +19,23 @@ export const BoxItem = props => (
     <Text sx={{ my: 2 }}>
       design -> develop -> test
     </Text>  
-    <DocsLink sx={{ color: 'white'}}>Getting started</DocsLink>
+    <Button as={DocsLink}>Getting started</Button>
   </Flex>  
 </Flex>
 
 <Flex sx={{ flexDirection: 'column', alignItems: 'center', py: 5}}>
   <Flex sx={{ flexDirection: 'row', alignItems: 'center',  flexWrap: 'wrap', justifyContent: 'space-between', maxWidth: '1000px', width: '100%'}}>
     <BoxItem>
       <Subtitle>Start with Gatsby</Subtitle>
-      <Link href='/storybook'>get started...</Link>
+      <Button as={Link} href='/storybook'>get started...</Button>
     </BoxItem>
     <BoxItem>
       <Subtitle>Start with Vercel</Subtitle>
-      <Link href='/storybook'>get started...</Link>
+      <Button as={Link} href='/storybook'>get started...</Button>
     </BoxItem>
     <BoxItem>
       <Subtitle>Start with Storybook</Subtitle>
-      <Link href='/storybook'>get started...</Link>
+      <Button as={Link} href='/storybook'>get started...</Button>
     </BoxItem>
   </Flex>
 </Flex>