office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
52 lines • 3.46 kB
JavaScript
define(["require", "exports", "react", "./examples/FocusTrapZone.Box.Example", "./examples/FocusTrapZone.Box.FocusOnCustomElement.Example", "./examples/FocusTrapZone.Box.Click.Example", "./examples/FocusTrapZone.Nested.Example", "./examples/FocusTrapZone.DialogInPanel.Example"], function (require, exports, React, FocusTrapZone_Box_Example_1, FocusTrapZone_Box_FocusOnCustomElement_Example_1, FocusTrapZone_Box_Click_Example_1, FocusTrapZone_Nested_Example_1, FocusTrapZone_DialogInPanel_Example_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var FocusTrapZoneBoxExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.Example.tsx');
var FocusTrapZoneBoxExampleWithFocusableItemCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx');
var FocusTrapZoneBoxClickExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.Click.Example.tsx');
var FocusTrapZoneNestedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Nested.Example.tsx');
var FocusTrapZoneDialogInPanelExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.DialogInPanel.Example.tsx');
exports.FocusTrapZonePageProps = {
title: 'FocusTrapZone',
componentName: 'FocusTrapZone',
componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/FocusTrapZone',
examples: [
{
title: 'Simple Box',
code: FocusTrapZoneBoxExampleCode,
view: React.createElement(FocusTrapZone_Box_Example_1.default, null)
},
{
title: 'Simple Box with focus on custom focusable element',
code: FocusTrapZoneBoxExampleWithFocusableItemCode,
view: React.createElement(FocusTrapZone_Box_FocusOnCustomElement_Example_1.default, null)
},
{
title: 'Simple Box with Clicking outside Trap Zone enabled',
code: FocusTrapZoneBoxClickExampleCode,
view: React.createElement(FocusTrapZone_Box_Click_Example_1.default, null)
},
{
title: 'Multiple Nest FocusTrapZones',
code: FocusTrapZoneNestedExampleCode,
view: React.createElement(FocusTrapZone_Nested_Example_1.default, null)
},
{
title: 'A Dialog Nested in a Panel',
code: FocusTrapZoneDialogInPanelExampleCode,
view: React.createElement(FocusTrapZone_DialogInPanel_Example_1.default, null)
}
],
propertiesTablesSources: [
require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/FocusTrapZone.types.ts')
],
overview: require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/docs/FocusTrapZoneOverview.md'),
bestPractices: '',
dos: '',
donts: '',
isHeaderVisible: true,
isFeedbackVisible: true,
allowNativeProps: true
};
});
//# sourceMappingURL=FocusTrapZone.doc.js.map