mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-29 12:54:53 +08:00
Add ImageBackground docs
This commit is contained in:
41
docs/storybook/1-components/Image/ImageBackgroundScreen.js
Normal file
41
docs/storybook/1-components/Image/ImageBackgroundScreen.js
Normal file
@@ -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);
|
||||||
Reference in New Issue
Block a user