office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
46 lines • 2.52 kB
JavaScript
import * as React from 'react';
import { LayerBasicExample } from './examples/Layer.Basic.Example';
import { LayerHostedExample } from './examples/Layer.Hosted.Example';
import { LayerCustomizedExample } from './examples/Layer.Customized.Example';
import { LayerNestedLayersExample } from './examples/Layer.NestedLayers.Example';
import { LayerStatus } from './Layer.checklist';
var LayerBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Layer/examples/Layer.Basic.Example.tsx');
var LayerHostedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Layer/examples/Layer.Hosted.Example.tsx');
var LayerCustomizedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Layer/examples/Layer.Customized.Example.tsx');
var LayerNestedLayersExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Layer/examples/Layer.NestedLayers.Example.tsx');
export var LayerPageProps = {
title: 'Layer',
componentName: 'Layer',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Layer',
componentStatus: LayerStatus,
examples: [
{
title: 'Basic layered content',
code: LayerBasicExampleCode,
view: React.createElement(LayerBasicExample, null)
},
{
title: 'Using LayerHost to control projection',
code: LayerHostedExampleCode,
view: React.createElement(LayerHostedExample, null)
},
{
title: 'Using Customizer to control the default layer behavior',
code: LayerCustomizedExampleCode,
view: React.createElement(LayerCustomizedExample, null)
},
{
title: 'Nested Layers Example',
code: LayerNestedLayersExampleCode,
view: React.createElement(LayerNestedLayersExample, null)
}
],
propertiesTablesSources: [require('!raw-loader!office-ui-fabric-react/src/components/Layer/Layer.types.ts')],
overview: require('!raw-loader!office-ui-fabric-react/src/components/Layer/docs/LayerOverview.md'),
bestPractices: '',
dos: require('!raw-loader!office-ui-fabric-react/src/components/Layer/docs/LayerDos.md'),
donts: require('!raw-loader!office-ui-fabric-react/src/components/Layer/docs/LayerDonts.md'),
isHeaderVisible: true,
isFeedbackVisible: true
};
//# sourceMappingURL=Layer.doc.js.map