diff --git a/website/core/Header.js b/website/core/Header.js
index c84c98c40..00de9353c 100644
--- a/website/core/Header.js
+++ b/website/core/Header.js
@@ -13,6 +13,10 @@ var React = require('React');
 var slugify = require('slugify');
 
 var Header = React.createClass({
+  getDefaultProps: function() {
+    return {permalink: ''};
+  },
+
   render: function() {
     var slug = slugify(this.props.toSlug || this.props.children);
     var H = 'h' + this.props.level;
@@ -20,7 +24,7 @@ var Header = React.createClass({
       <H {...this.props}>
         <a className="anchor" name={slug}></a>
         {this.props.children}
-        {' '}<a className="hash-link" href={'#' + slug}>#</a>
+        {' '}<a className="hash-link" href={this.props.permalink + '#' + slug}>#</a>
       </H>
     );
   }
diff --git a/website/layout/AutodocsLayout.js b/website/layout/AutodocsLayout.js
index 036ca0973..66bb70018 100644
--- a/website/layout/AutodocsLayout.js
+++ b/website/layout/AutodocsLayout.js
@@ -110,7 +110,7 @@ var ComponentDoc = React.createClass({
   renderProp: function(name, prop) {
     return (
       <div className="prop" key={name}>
-        <Header level={4} className="propTitle" toSlug={name}>
+        <Header level={4} className="propTitle" toSlug={name} permalink={this.props.permalink}>
           {prop.platforms && prop.platforms.map(platform =>
             <span className="platform">{platform}</span>
           )}
@@ -488,7 +488,7 @@ var Autodocs = React.createClass({
     var metadata = this.props.metadata;
     var docs = JSON.parse(this.props.children);
     var content  = docs.type === 'component' || docs.type === 'style' ?
-      <ComponentDoc content={docs} /> :
+      <ComponentDoc content={docs} permalink={metadata.permalink}/> :
       <APIDoc content={docs} apiName={metadata.title} />;
 
     return (