office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
51 lines • 3.57 kB
JavaScript
define(["require", "exports", "react", "./examples/Shimmer.Basic.Example", "./examples/Shimmer.CustomElements.Example", "./examples/Shimmer.LoadData.Example", "./examples/Shimmer.Application.Example", "./examples/Shimmer.Styling.Example", "./Shimmer.checklist"], function (require, exports, React, Shimmer_Basic_Example_1, Shimmer_CustomElements_Example_1, Shimmer_LoadData_Example_1, Shimmer_Application_Example_1, Shimmer_Styling_Example_1, Shimmer_checklist_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
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