office-ui-fabric-react/lib-amd/components/ContextualMenu/ContextualMenu.doc.js

Reusable React components for building experiences for Office 365.

define(["require", "exports", "react", "./examples/ContextualMenu.Basic.Example", "./examples/ContextualMenu.Icon.Example", "./examples/ContextualMenu.Icon.SecondaryText.Example", "./examples/ContextualMenu.Section.Example", "./examples/ContextualMenu.Submenu.Example", "./examples/ContextualMenu.CustomizationWithNoWrap.Example", "./examples/ContextualMenu.Checkmarks.Example", "./examples/ContextualMenu.Directional.Example", "./examples/ContextualMenu.Customization.Example", "./examples/ContextualMenu.ScrollBar.Example", "./examples/ContextualMenu.CustomMenuItem.Example", "./examples/ContextualMenu.CustomMenuList.Example", "./ContextualMenu.checklist"], function (require, exports, React, ContextualMenu_Basic_Example_1, ContextualMenu_Icon_Example_1, ContextualMenu_Icon_SecondaryText_Example_1, ContextualMenu_Section_Example_1, ContextualMenu_Submenu_Example_1, ContextualMenu_CustomizationWithNoWrap_Example_1, ContextualMenu_Checkmarks_Example_1, ContextualMenu_Directional_Example_1, ContextualMenu_Customization_Example_1, ContextualMenu_ScrollBar_Example_1, ContextualMenu_CustomMenuItem_Example_1, ContextualMenu_CustomMenuList_Example_1, ContextualMenu_checklist_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var ContextualMenuBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Basic.Example.tsx');
    var ContextualMenuBasicExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/ContextualMenu/ContextualMenu.Basic.Example.Codepen.txt');
    var ContextualMenuIconExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Icon.Example.tsx');
    var ContextualMenuIconSecondaryTextExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Icon.SecondaryText.Example.tsx');
    var ContextualMenuSectionExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Section.Example.tsx');
    var ContextualMenuSubmenuExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Submenu.Example.tsx');
    var ContextualMenuCustomMenuListExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomMenuList.Example.tsx');
    var ContextualMenuCheckmarksExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Checkmarks.Example.tsx');
    var ContextualMenuDirectionalExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Directional.Example.tsx');
    var ContextualMenuCustomizationExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.Customization.Example.tsx');
    var ContextualMenuWithScrollBarExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.ScrollBar.Example.tsx');
    var ContextualMenuWithCustomMenuItemExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/examples/ContextualMenu.CustomMenuItem.Example.tsx');
    exports.ContextualMenuPageProps = {
        title: 'ContextualMenu',
        componentName: 'ContextualMenu',
        componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/ContextualMenu',
        componentStatus: ContextualMenu_checklist_1.ContextualMenuStatus,
        examples: [
            {
                title: 'Default ContextualMenu',
                code: ContextualMenuBasicExampleCode,
                view: React.createElement(ContextualMenu_Basic_Example_1.ContextualMenuBasicExample, null),
                codepenJS: ContextualMenuBasicExampleCodepen
            },
            {
                title: 'ContextualMenu with icons',
                code: ContextualMenuIconExampleCode,
                view: React.createElement(ContextualMenu_Icon_Example_1.ContextualMenuIconExample, null)
            },
            {
                title: 'ContextualMenu with icons and secondary text',
                code: ContextualMenuIconSecondaryTextExampleCode,
                view: React.createElement(ContextualMenu_Icon_SecondaryText_Example_1.ContextualMenuIconSecondaryTextExample, null)
            },
            {
                title: 'ContextualMenu with submenus',
                code: ContextualMenuSubmenuExampleCode,
                view: React.createElement(ContextualMenu_Submenu_Example_1.ContextualMenuSubmenuExample, null)
            },
            {
                title: 'ContextualMenu with section headers',
                code: ContextualMenuSectionExampleCode,
                view: React.createElement(ContextualMenu_Section_Example_1.ContextualMenuSectionExample, null)
            },
            {
                title: 'ContextualMenu with checkable menu items and toggleable split button',
                code: ContextualMenuCheckmarksExampleCode,
                view: React.createElement(ContextualMenu_Checkmarks_Example_1.ContextualMenuCheckmarksExample, null)
            },
            {
                title: 'ContextualMenu with beak and directional settings',
                code: ContextualMenuDirectionalExampleCode,
                view: React.createElement(ContextualMenu_Directional_Example_1.ContextualMenuDirectionalExample, null)
            },
            {
                title: 'ContextualMenu with customized submenus',
                code: ContextualMenuCustomizationExampleCode,
                view: React.createElement(ContextualMenu_Customization_Example_1.ContextualMenuCustomizationExample, null)
            },
            {
                title: 'ContextualMenu with customized submenus and noWrap attributes',
                code: ContextualMenuSubmenuExampleCode,
                view: React.createElement(ContextualMenu_CustomizationWithNoWrap_Example_1.ContextualMenuCustomizationWithNoWrapExample, null)
            },
            {
                title: 'ContextualMenu with a scroll bar and fixed direction',
                code: ContextualMenuWithScrollBarExampleCode,
                view: React.createElement(ContextualMenu_ScrollBar_Example_1.ContextualMenuWithScrollBarExample, null)
            },
            {
                title: 'ContextualMenu with custom rendered menu items',
                code: ContextualMenuWithCustomMenuItemExampleCode,
                view: React.createElement(ContextualMenu_CustomMenuItem_Example_1.ContextualMenuWithCustomMenuItemExample, null)
            },
            {
                title: 'ContextualMenu with custom rendered menu list that renders a searchbox to filter menu items',
                code: ContextualMenuCustomMenuListExampleCode,
                view: React.createElement(ContextualMenu_CustomMenuList_Example_1.ContextualMenuWithCustomMenuListExample, null)
            }
        ],
        propertiesTablesSources: [
            require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.types.ts'),
            require('!raw-loader!office-ui-fabric-react/src/components/Callout/Callout.types.ts')
        ],
        overview: require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/docs/ContextualMenuOverview.md'),
        bestPractices: '',
        dos: require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/docs/ContextualMenuDos.md'),
        donts: require('!raw-loader!office-ui-fabric-react/src/components/ContextualMenu/docs/ContextualMenuDonts.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true
    };
});
//# sourceMappingURL=ContextualMenu.doc.js.map