office-ui-fabric-react/lib-commonjs/components/Shimmer/Shimmer.doc.js

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Shimmer_Basic_Example_1 = require("./examples/Shimmer.Basic.Example");
var Shimmer_CustomElements_Example_1 = require("./examples/Shimmer.CustomElements.Example");
var Shimmer_LoadData_Example_1 = require("./examples/Shimmer.LoadData.Example");
var Shimmer_Application_Example_1 = require("./examples/Shimmer.Application.Example");
var Shimmer_Styling_Example_1 = require("./examples/Shimmer.Styling.Example");
var Shimmer_checklist_1 = require("./Shimmer.checklist");
var ShimmerBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/examples/Shimmer.Basic.Example.tsx');
var ShimmerCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/examples/Shimmer.CustomElements.Example.tsx');
var ShimmerStylingExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/examples/Shimmer.Styling.Example.tsx');
var ShimmerLoadDataExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/examples/Shimmer.LoadData.Example.tsx');
var ShimmerApplicationExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/examples/Shimmer.Application.Example.tsx');
exports.ShimmerPageProps = {
    title: 'Shimmer',
    componentName: 'ShimmerExample',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Shimmer',
    examples: [
        {
            title: "Shimmer with basic elements using the 'shimmerElements' prop",
            code: ShimmerBasicExampleCode,
            view: React.createElement(Shimmer_Basic_Example_1.ShimmerBasicExample, null)
        },
        {
            title: "Shimmer with custom elements using the 'customElementsGroup' prop",
            code: ShimmerCustomExampleCode,
            view: React.createElement(Shimmer_CustomElements_Example_1.ShimmerCustomElementsExample, null)
        },
        {
            title: 'Shimmer swapping with the content it replaces',
            code: ShimmerLoadDataExampleCode,
            view: React.createElement(Shimmer_LoadData_Example_1.ShimmerLoadDataExample, null)
        },
        {
            title: 'Shimmered Details List with 500 items simulating loading data in async manner.',
            code: ShimmerApplicationExampleCode,
            view: React.createElement(Shimmer_Application_Example_1.ShimmerApplicationExample, null)
        },
        {
            title: "Style override of shimmering wave using 'styles' prop",
            code: ShimmerStylingExampleCode,
            view: React.createElement(Shimmer_Styling_Example_1.ShimmerStylingExample, null)
        }
    ],
    propertiesTablesSources: [
        require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/Shimmer.types.ts')
    ],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/docs/ShimmerOverview.md'),
    dos: require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/docs/ShimmerDos.md'),
    donts: require('!raw-loader!office-ui-fabric-react/src/components/Shimmer/docs/ShimmerDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    componentStatus: Shimmer_checklist_1.ShimmerStatus
};
//# sourceMappingURL=Shimmer.doc.js.map