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

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import { FocusZonePhotosExample } from './examples/FocusZone.Photos.Example';
import { FocusZoneListExample } from './examples/FocusZone.List.Example';
import { FocusZoneDisabledExample } from './examples/FocusZone.Disabled.Example';
import { FocusZoneTabbableExample } from './examples/FocusZone.Tabbable.Example';
import { FocusZoneHorizontalMenuExample } from './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');
export var 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(FocusZonePhotosExample, null)
        },
        {
            title: 'Nesting FocusZones in list rows',
            code: FocusZoneListExampleCode,
            codepenJS: FocusZoneListExampleCodepen,
            view: React.createElement(FocusZoneListExample, null)
        },
        {
            title: 'Disabled FocusZone',
            code: FocusZoneDisabledExampleCode,
            codepenJS: FocusZoneDisabledExampleCodepen,
            view: React.createElement(FocusZoneDisabledExample, null)
        },
        {
            title: 'Tabbable FocusZone',
            code: FocusZoneTabbableCode,
            codepenJS: FocusZoneTabbableCodepen,
            view: React.createElement(FocusZoneTabbableExample, null)
        },
        {
            title: 'Horizontal menu in FocusZone with all arrows key navigation',
            code: FocusZoneHorizontalMenuExampleCode,
            codepenJS: FocusZoneHorizontalMenuExampleCodepen,
            view: React.createElement(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