Merge pull request #637 from lachlanjc/patch-5

Clarify Gatsby link imports in docs

Author: jxnblk

packages/docs/src/recipes/gatsby-link.mdx

@@ -4,7 +4,9 @@ name: 'Gatsby Link'
 
 # Gatsby Link
 
-Add an active style to Gatsby Link or other React router link components.
+Add an active style to [Gatsby Link] or other React router link components.
+Import the Theme UI [custom JSX pragma](/guides/jsx-pragma) for styling
+the router link components directly, without using wrapper components.
 
 ```jsx live
 <Link
@@ -20,6 +22,8 @@ Add an active style to Gatsby Link or other React router link components.
 </Link>
 ```
 
+Full code for this example:
+
 ```jsx
 /** @jsx jsx */
 import { jsx } from 'theme-ui'
@@ -37,3 +41,5 @@ export default props =>
     }}
   />
 ```
+
+[Gatsby Link]: https://www.gatsbyjs.org/docs/linking-between-pages/