office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
46 lines • 2.43 kB
JavaScript
import * as React from 'react';
import { ListBasicExample } from './examples/List.Basic.Example';
import { ListGridExample } from './examples/List.Grid.Example';
import { ListScrollingExample } from './examples/List.Scrolling.Example';
import { ListGhostingExample } from './examples/List.Ghosting.Example';
import { ListStatus } from './List.checklist';
import { createListItems } from '../../utilities/exampleData';
var ListBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/List/examples/List.Basic.Example.tsx');
var ListGridExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/List/examples/List.Grid.Example.tsx');
var ListScrollingExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/List/examples/List.Scrolling.Example.tsx');
var ListGhostingExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/List/examples/List.Ghosting.Example.tsx');
var _cachedItems = createListItems(5000);
export var ListPageProps = {
title: 'List',
componentName: 'ListExample',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/List',
examples: [
{
title: 'List of 5000 grid items',
code: ListGridExampleCode,
view: React.createElement(ListGridExample, { items: _cachedItems })
},
{
title: 'List of 5000 variable height items',
code: ListBasicExampleCode,
view: React.createElement(ListBasicExample, { items: _cachedItems })
},
{
title: 'Scrolling items into view',
code: ListScrollingExampleCode,
view: React.createElement(ListScrollingExample, { items: _cachedItems })
},
{
title: 'Rendering ghost items while the list is scrolling',
code: ListGhostingExampleCode,
view: React.createElement(ListGhostingExample, { items: _cachedItems })
}
],
allowNativeProps: true,
propertiesTablesSources: [require('!raw-loader!office-ui-fabric-react/src/components/List/List.types.ts')],
overview: require('!raw-loader!office-ui-fabric-react/src/components/List/docs/ListOverview.md'),
isHeaderVisible: true,
isFeedbackVisible: true,
componentStatus: ListStatus
};
//# sourceMappingURL=List.doc.js.map