From 0987ae05a8fc2795e2ccbbbcc5e9538bd36ec4c3 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Wed, 3 Jul 2019 11:48:35 +0200
Subject: [PATCH] Update page template

---
 packages/website/ts/components/text.tsx       |  1 +
 .../website/ts/pages/docs/page_template.tsx   | 22 +++++++++++--------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/packages/website/ts/components/text.tsx b/packages/website/ts/components/text.tsx
index ed771e90c5..136ea6a1f4 100644
--- a/packages/website/ts/components/text.tsx
+++ b/packages/website/ts/components/text.tsx
@@ -19,6 +19,7 @@ interface HeadingProps extends BaseTextInterface {
     isInline?: boolean;
     marginBottom?: string;
     color?: string;
+    children?: React.ReactNode | string;
 }
 
 interface ParagraphProps extends BaseTextInterface {
diff --git a/packages/website/ts/pages/docs/page_template.tsx b/packages/website/ts/pages/docs/page_template.tsx
index 8337de986b..cb2c48b455 100644
--- a/packages/website/ts/pages/docs/page_template.tsx
+++ b/packages/website/ts/pages/docs/page_template.tsx
@@ -200,9 +200,7 @@ export class DocsPageTemplate extends React.Component<Props> {
                                     </tr>
                                 </tbody>
                             </Table>
-                            <Heading asElement="h3" size="default">
-                                Code Snippet
-                            </Heading>
+                            <H3>Code Snippet</H3>
                             <Code>
                                 {`import { provider, networkId, signerAddress, salt, signature, senderAddress } from '@0x/browser-examples';
 
@@ -212,9 +210,7 @@ const txnReceipt = await exchange.executeTransaction.awaitTransactionSuccessAsyn
     from: senderAddress,
 });`}
                             </Code>
-                            <Heading asElement="h3" size="default">
-                                Tabbed Code Snippet
-                            </Heading>
+                            <H3>Tabbed Code Snippet</H3>
                             <Tabs>
                                 <TabList>
                                     <Tab>Typescript</Tab>
@@ -256,9 +252,7 @@ const txnReceipt = await exchange.executeTransaction.awaitTransactionSuccessAsyn
                                     </Code>
                                 </TabPanel>
                             </Tabs>
-                            <Heading asElement="h3" size="default">
-                                Subheading
-                            </Heading>
+                            <H3>Subheading</H3>
                             <Paragraph>
                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat velit in nisl
                                 varius malesuada. Morbi at porttitor enim. Donec vel tristique dolor, quis convallis
@@ -379,3 +373,13 @@ const LargeHeading = styled(Heading).attrs({
 const LargeIntro = styled(Paragraph).attrs({
     size: 'medium',
 })``;
+
+const H2 = styled(Heading).attrs({
+    size: 'default',
+    asElement: 'h2',
+})``;
+
+const H3 = styled(Heading).attrs({
+    size: 'default',
+    asElement: 'h3',
+})``;