diff --git a/website/layout/AutodocsLayout.js b/website/layout/AutodocsLayout.js
index 9ff344199..2a38dc18a 100644
--- a/website/layout/AutodocsLayout.js
+++ b/website/layout/AutodocsLayout.js
@@ -8,12 +8,13 @@ var Header = require('Header');
var Marked = require('Marked');
var React = require('React');
var Site = require('Site');
+var slugify = require('slugify');
var Autodocs = React.createClass({
renderProp: function(name, prop) {
return (
-
+
{name}
{' '}
@@ -23,12 +24,26 @@ var Autodocs = React.createClass({
);
},
- renderProps: function(props) {
- var result = Object.keys(props).sort().map((name) =>
- this.renderProp(name, props[name])
+ renderCompose: function(name) {
+ return (
+
+ );
+ },
+ renderProps: function(props, composes) {
+ return (
+
+ {(composes || []).map((name) =>
+ this.renderCompose(name)
+ )}
+ {Object.keys(props).sort().map((name) =>
+ this.renderProp(name, props[name])
+ )}
+
);
-
- return
{result}
;
},
render: function() {
var metadata = this.props.metadata;
@@ -43,7 +58,7 @@ var Autodocs = React.createClass({
{content.description}
- {this.renderProps(content.props)}
+ {this.renderProps(content.props, content.composes)}
{content.fullDescription}
diff --git a/website/server/extractDocs.js b/website/server/extractDocs.js
index 095a9ac1a..5a5456e43 100644
--- a/website/server/extractDocs.js
+++ b/website/server/extractDocs.js
@@ -46,7 +46,7 @@ var components = [
'../Libraries/Image/Image.ios.js',
'../Libraries/Components/ListView/ListView.js',
'../Libraries/Components/Navigation/NavigatorIOS.ios.js',
- '../Libraries/Components/ScrollView/ScrollView.ios.js',
+ '../Libraries/Components/ScrollView/ScrollView.js',
'../Libraries/Text/Text.js',
'../Libraries/Components/TextInput/TextInput.ios.js',
'../Libraries/Components/Touchable/TouchableHighlight.js',