office-ui-fabric-react/lib/components/FocusTrapZone/FocusTrapZone.doc.js

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import FocusTrapZoneBoxExample from './examples/FocusTrapZone.Box.Example';
var FocusTrapZoneBoxExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.Example.tsx');
import FocusTrapZoneBoxExampleWithFocusableItem from './examples/FocusTrapZone.Box.FocusOnCustomElement.Example';
var FocusTrapZoneBoxExampleWithFocusableItemCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.FocusOnCustomElement.Example.tsx');
import FocusTrapZoneBoxClickExample from './examples/FocusTrapZone.Box.Click.Example';
var FocusTrapZoneBoxClickExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Box.Click.Example.tsx');
import FocusTrapZoneNestedExample from './examples/FocusTrapZone.Nested.Example';
var FocusTrapZoneNestedExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.Nested.Example.tsx');
import FocusTrapZoneDialogInPanelExample from './examples/FocusTrapZone.DialogInPanel.Example';
var FocusTrapZoneDialogInPanelExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/FocusTrapZone/examples/FocusTrapZone.DialogInPanel.Example.tsx');
export var 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(FocusTrapZoneBoxExample, null)
        },
        {
            title: 'Simple Box with focus on custom focusable element',
            code: FocusTrapZoneBoxExampleWithFocusableItemCode,
            view: React.createElement(FocusTrapZoneBoxExampleWithFocusableItem, null)
        },
        {
            title: 'Simple Box with Clicking outside Trap Zone enabled',
            code: FocusTrapZoneBoxClickExampleCode,
            view: React.createElement(FocusTrapZoneBoxClickExample, null)
        },
        {
            title: 'Multiple Nest FocusTrapZones',
            code: FocusTrapZoneNestedExampleCode,
            view: React.createElement(FocusTrapZoneNestedExample, null)
        },
        {
            title: 'A Dialog Nested in a Panel',
            code: FocusTrapZoneDialogInPanelExampleCode,
            view: React.createElement(FocusTrapZoneDialogInPanelExample, 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