UNPKG

@uifabric/experiments

Version:

Experimental React components for building experiences for Office 365.

158 lines 6.46 kB
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