diff --git a/README.md b/README.md
index 3c7e9e38..7d9b5e69 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,11 @@
[![Build Status][travis-image]][travis-url]
[![npm version][npm-image]][npm-url]
-[React Native][react-native-url] components and APIs for the Web.
+"React Native for Web" brings [React Native][react-native-url]'s
+building blocks and touch handling to the Web.
+
+* [UI Explorer and documentation](https://necolas.github.io/react-native-web/storybook/).
+* [React Native for Web: Playground](https://glitch.com/edit/#!/react-native-web-playground) using create-react-app.
Browser support: Chrome, Firefox, Safari >= 7, IE 10, Edge.
@@ -13,16 +17,6 @@ Browser support: Chrome, Firefox, Safari >= 7, IE 10, Edge.
[travis-image]: https://travis-ci.org/necolas/react-native-web.svg?branch=master
[travis-url]: https://travis-ci.org/necolas/react-native-web
-## Overview
-
-"React Native for Web" is a project to bring React Native's building blocks and
-touch handling to the Web.
-
-Browse the [UI Explorer](https://necolas.github.io/react-native-web/storybook/)
-to see React Native examples running on Web. Or remix the [React Native for
-Web: Playground](https://glitch.com/edit/#!/react-native-web-playground) on
-Glitch.
-
## Quick start
NOTE: React Native for Web supports React/ReactDOM 15.4, 15.5, or 15.6.
@@ -38,7 +32,7 @@ Then read the [Getting Started](docs/guides/getting-started.md) guide.
## Documentation
The [UI Explorer](https://necolas.github.io/react-native-web/storybook/)
-interactively documents all the APIs and Components.
+interactively documents all the supported APIs and Components.
Guides:
diff --git a/docs/storybook/1-components/Touchable/TouchableWithoutFeedbackScreen.js b/docs/storybook/1-components/Touchable/TouchableWithoutFeedbackScreen.js
index 97200fa5..03e52bee 100644
--- a/docs/storybook/1-components/Touchable/TouchableWithoutFeedbackScreen.js
+++ b/docs/storybook/1-components/Touchable/TouchableWithoutFeedbackScreen.js
@@ -34,6 +34,7 @@ const TouchableWithoutFeedbackScreen = () =>
+
}
/>
+
}
/>
+
}
/>
+
render: () =>
}}
/>
- ,
+
+
+
+
+
+
+
diff --git a/docs/storybook/1-components/View/ViewScreen.js b/docs/storybook/1-components/View/ViewScreen.js
index 29935ae9..b16895af 100644
--- a/docs/storybook/1-components/View/ViewScreen.js
+++ b/docs/storybook/1-components/View/ViewScreen.js
@@ -233,9 +233,9 @@ const ViewScreen = () =>
Controls whether the View can be the target of touch events. The enhanced{' '}
pointerEvents modes provided are not part of the CSS spec, therefore,{' '}
- pointerEvents is excluded from style.
- box-none preserves pointer events on the element's children;{' '}
- box-only disables pointer events on the element's children.
+ pointerEvents is excluded from style. box-none{' '}
+ preserves pointer events on the element's children; box-only disables
+ pointer events on the element's children.
}
example={{
diff --git a/docs/storybook/ui-explorer/DocItem.js b/docs/storybook/ui-explorer/DocItem.js
index f5ac0eaa..0b6e76c5 100644
--- a/docs/storybook/ui-explorer/DocItem.js
+++ b/docs/storybook/ui-explorer/DocItem.js
@@ -11,6 +11,19 @@ import { StyleSheet, Text, View } from 'react-native';
const Divider = () => ;
+const createDescription = description => {
+ const nodeList = React.Children.toArray(description);
+ if (nodeList.length === 1) {
+ return (
+
+ {nodeList}
+
+ );
+ } else {
+ return insertBetween(() => , nodeList);
+ }
+};
+
const DocItem = ({ description, example = {}, name, typeInfo, label }) =>
{name &&
@@ -19,7 +32,7 @@ const DocItem = ({ description, example = {}, name, typeInfo, label }) =>
}
{description &&
- {insertBetween(() => , React.Children.toArray(description))}
+ {createDescription(description)}
}
{(example.render || example.code) &&