office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
63 lines • 4.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var FocusZone_Photos_Example_1 = require("./examples/FocusZone.Photos.Example");
var FocusZone_List_Example_1 = require("./examples/FocusZone.List.Example");
var FocusZone_Disabled_Example_1 = require("./examples/FocusZone.Disabled.Example");
var FocusZone_Tabbable_Example_1 = require("./examples/FocusZone.Tabbable.Example");
var FocusZone_HorizontalMenu_Example_1 = require("./examples/FocusZone.HorizontalMenu.Example");
var FocusZonePhotosExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Photos.Example.tsx');
var FocusZonePhotosExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Photos.Example.tsx');
var FocusZoneListExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.List.Example.tsx');
var FocusZoneListExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.List.Example.tsx');
var FocusZoneDisabledExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Disabled.Example.tsx');
var FocusZoneDisabledExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Disabled.Example.tsx');
var FocusZoneTabbableCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Tabbable.Example.tsx');
var FocusZoneTabbableCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.Tabbable.Example.tsx');
var FocusZoneHorizontalMenuExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.HorizontalMenu.Example.tsx');
var FocusZoneHorizontalMenuExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/FocusZone/examples/FocusZone.HorizontalMenu.Example.tsx');
exports.FocusZonePageProps = {
title: 'FocusZone',
componentName: 'FocusZone',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/FocusZone',
examples: [
{
title: 'Non-uniform photos within bidirectional FocusZone',
code: FocusZonePhotosExampleCode,
codepenJS: FocusZonePhotosExampleCodepen,
view: React.createElement(FocusZone_Photos_Example_1.FocusZonePhotosExample, null)
},
{
title: 'Nesting FocusZones in list rows',
code: FocusZoneListExampleCode,
codepenJS: FocusZoneListExampleCodepen,
view: React.createElement(FocusZone_List_Example_1.FocusZoneListExample, null)
},
{
title: 'Disabled FocusZone',
code: FocusZoneDisabledExampleCode,
codepenJS: FocusZoneDisabledExampleCodepen,
view: React.createElement(FocusZone_Disabled_Example_1.FocusZoneDisabledExample, null)
},
{
title: 'Tabbable FocusZone',
code: FocusZoneTabbableCode,
codepenJS: FocusZoneTabbableCodepen,
view: React.createElement(FocusZone_Tabbable_Example_1.FocusZoneTabbableExample, null)
},
{
title: 'Horizontal menu in FocusZone with all arrows key navigation',
code: FocusZoneHorizontalMenuExampleCode,
codepenJS: FocusZoneHorizontalMenuExampleCodepen,
view: React.createElement(FocusZone_HorizontalMenu_Example_1.FocusZoneHorizontalMenuExample, null)
}
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/FocusZone/docs/FocusZoneOverview.md'),
bestPractices: '',
dos: '',
donts: '',
isHeaderVisible: true,
isFeedbackVisible: true,
allowNativeProps: true
};
//# sourceMappingURL=FocusZone.doc.js.map