From b1e860ab40d634aab50c2bdec5f8e2091dbc392d Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Fri, 1 Dec 2017 15:21:00 -0800
Subject: [PATCH] Add ImageBackground docs

---
 .../Image/ImageBackgroundScreen.js            | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 docs/storybook/1-components/Image/ImageBackgroundScreen.js

diff --git a/docs/storybook/1-components/Image/ImageBackgroundScreen.js b/docs/storybook/1-components/Image/ImageBackgroundScreen.js
new file mode 100644
index 00000000..e7c83779
--- /dev/null
+++ b/docs/storybook/1-components/Image/ImageBackgroundScreen.js
@@ -0,0 +1,41 @@
+/* eslint-disable react/jsx-sort-props */
+
+/**
+ * @flow
+ */
+
+import React from 'react';
+import PropChildren from './examples/PropChildren';
+import UIExplorer, {
+  AppText,
+  Code,
+  Description,
+  DocItem,
+  Section,
+  storiesOf
+} from '../../ui-explorer';
+
+const ImageBackgroundScreen = () => (
+  <UIExplorer title="ImageBackground" url="1-components/ImageBackground">
+    <Description>
+      A image component with support for child content.
+    </Description>
+
+    <Section title="Props">
+      <DocItem name="...Image props" />
+
+      <DocItem
+        name="children"
+        typeInfo="?any"
+        description="Content to display over the image."
+        example={{
+          render: () => <PropChildren />
+        }}
+      />
+
+      <DocItem name="imageStyle" typeInfo="?style" description="Styles for the inner image." />
+    </Section>
+  </UIExplorer>
+);
+
+storiesOf('Components', module).add('ImageBackground', ImageBackgroundScreen);