@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
158 lines • 6.46 kB
JavaScript
import * as tslib_1 from "tslib";
// tslint:disable:no-any
import * as React from 'react';
import { App as AppBase } from '@uifabric/example-app-base';
import { AppCustomizations } from './customizations';
export var AppDefinition = {
appTitle: 'Fabric - React',
customizations: AppCustomizations,
testPages: [],
examplePages: [
{
links: [
{
component: require('../components/Button/ButtonPage').ButtonPage,
key: 'Button',
name: 'Button',
url: '#/examples/button'
},
{
component: require('../components/CollapsibleSection/CollapsibleSectionPage').CollapsibleSectionPage,
key: 'CollapsibleSection',
name: 'CollapsibleSection',
url: '#/examples/collapsiblesection'
},
{
component: require('../components/Chiclet/ChicletPage').ChicletPage,
key: 'Chiclet',
name: 'Chiclet',
url: '#/examples/chiclet'
},
{
component: require('../components/FolderCover/FolderCoverPage').FolderCoverPage,
key: 'FolderCover',
name: 'FolderCover',
url: '#/examples/foldercover'
},
{
component: require('../components/FileTypeIcon/FileTypeIconPage').FileTypeIconPage,
key: 'FileTypeIcon',
name: 'FileTypeIcon',
url: '#/examples/filetypeicon'
},
{
component: require('../components/LayoutGroup/LayoutGroupPage').LayoutGroupPage,
key: 'LayoutGroup',
name: 'LayoutGroup',
url: '#/examples/layoutgroup'
},
{
component: require('../components/Pagination/PaginationPage').PaginationPage,
key: 'Pagination',
name: 'Pagination',
url: '#/examples/pagination'
},
{
component: require('../components/PersonaCoin/PersonaCoinPage').PersonaCoinPage,
key: 'PersonaCoin',
name: 'PersonaCoin',
url: '#/examples/personacoin'
},
{
component: require('../components/Persona/PersonaPage').PersonaPage,
key: 'Persona',
name: 'Persona',
url: '#/examples/persona'
},
{
component: require('../components/Separator/SeparatorPage').SeparatorPage,
key: 'Separator',
name: 'Separator',
url: '#/examples/separator'
},
{
component: require('../components/signals/SignalsPage').SignalsPage,
key: 'Signals',
name: 'Signals',
url: '#/examples/signals'
},
{
component: require('../components/Sidebar/SidebarPage').SidebarPage,
key: 'Sidebar',
name: 'Sidebar',
url: '#/examples/sidebar'
},
{
component: require('../slots/SlotsPage').SlotsPage,
key: 'Slots',
name: 'Slots',
url: '#/examples/slots'
},
{
component: require('../components/Tile/TilePage').TilePage,
key: 'Tile',
name: 'Tile',
url: '#/examples/tile'
},
{
component: require('../components/TilesList/TilesListPage').TilesListPage,
key: 'TilesList',
name: 'TilesList',
url: '#/examples/tileslist'
},
{
component: require('../components/Toggle/TogglePage').TogglePage,
key: 'Toggle',
name: 'Toggle',
url: '#/examples/toggle'
},
{
component: require('../components/Shimmer/ShimmerPage').ShimmerPage,
key: 'Shimmer',
name: 'Shimmer',
url: '#/examples/shimmer'
},
{
component: require('../components/VirtualizedList/VirtualizedListPage').VirtualizedListPage,
key: 'VirtualizedList',
name: 'VirtualizedList',
url: '#/examples/virtualizedlist'
},
{
component: require('../components/StaticList/StaticListPage').StaticListPage,
key: 'StaticList',
name: 'StaticList',
url: '#/examples/staticlist'
},
{
component: require('../components/fluent/examplePages/FluentThemePage').FluentThemePage,
key: 'FluentColorTheme',
name: 'Fluent Color Theme',
url: '#/examples/fluent-color-theme'
},
{
component: require('../theming/ThemingPage').ThemingPage,
key: 'ThemingPage',
name: 'Theming',
url: '#/examples/theming'
}
]
}
],
headerLinks: [
{
name: 'Getting started',
url: '#/'
},
{
name: 'Fabric',
url: 'http://dev.office.com/fabric'
},
{
name: 'Github',
url: 'http://www.github.com/officedev'
}
]
};
export var App = function (props) { return React.createElement(AppBase, tslib_1.__assign({ appDefinition: AppDefinition }, props)); };
//# sourceMappingURL=AppDefinition.js.map