office-ui-fabric-react/lib-commonjs/components/Pivot/Pivot.doc.js

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Pivot_Basic_Example_1 = require("./examples/Pivot.Basic.Example");
var Pivot_IconCount_Example_1 = require("./examples/Pivot.IconCount.Example");
var Pivot_Large_Example_1 = require("./examples/Pivot.Large.Example");
var Pivot_Tabs_Example_1 = require("./examples/Pivot.Tabs.Example");
var Pivot_TabsLarge_Example_1 = require("./examples/Pivot.TabsLarge.Example");
var Pivot_OnChange_Example_1 = require("./examples/Pivot.OnChange.Example");
var Pivot_Remove_Example_1 = require("./examples/Pivot.Remove.Example");
var Pivot_Override_Example_1 = require("./examples/Pivot.Override.Example");
var Pivot_Separate_Example_1 = require("./examples/Pivot.Separate.Example");
var Pivot_SeparateNoSelectedKey_Example_1 = require("./examples/Pivot.SeparateNoSelectedKey.Example");
var PivotRemoveExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Remove.Example.tsx');
var PivotRemoveExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Remove.Example.tsx');
var PivotBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Basic.Example.tsx');
var PivotBasicExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Basic.Example.tsx');
var PivotLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Large.Example.tsx');
var PivotLargeExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Large.Example.tsx');
var PivotTabsExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Tabs.Example.tsx');
var PivotTabsExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Tabs.Example.tsx');
var PivotTabsLargeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.TabsLarge.Example.tsx');
var PivotTabsLargeExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.TabsLarge.Example.tsx');
var PivotOnChangeExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.OnChange.Example.tsx');
var PivotOnChangeExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.OnChange.Example.tsx');
var PivotIconCountExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.IconCount.Example.tsx');
var PivotIconCountExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.IconCount.Example.tsx');
var PivotOverrideExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Override.Example.tsx');
var PivotOverrideExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Override.Example.tsx');
var PivotSeparateExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Separate.Example.tsx');
var PivotSeparateExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.Separate.Example.tsx');
var PivotNoSelectedKeyExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.SeparateNoSelectedKey.Example.tsx');
var PivotNoSelectedKeyExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/Pivot/examples/Pivot.SeparateNoSelectedKey.Example.tsx');
exports.PivotPageProps = {
    title: 'Pivot',
    componentName: 'Pivot',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Pivot',
    examples: [
        {
            title: 'Default Pivot',
            code: PivotBasicExampleCode,
            codepenJS: PivotBasicExampleCodepen,
            view: React.createElement(Pivot_Basic_Example_1.PivotBasicExample, null)
        },
        {
            title: 'Count and Icon',
            code: PivotIconCountExampleCode,
            codepenJS: PivotIconCountExampleCodepen,
            view: React.createElement(Pivot_IconCount_Example_1.PivotIconCountExample, null)
        },
        {
            title: 'Large link size',
            code: PivotLargeExampleCode,
            codepenJS: PivotLargeExampleCodepen,
            view: React.createElement(Pivot_Large_Example_1.PivotLargeExample, null)
        },
        {
            title: 'Links of tab style',
            code: PivotTabsExampleCode,
            codepenJS: PivotTabsExampleCodepen,
            view: React.createElement(Pivot_Tabs_Example_1.PivotTabsExample, null)
        },
        {
            title: 'Links of large tab style',
            code: PivotTabsLargeExampleCode,
            codepenJS: PivotTabsLargeExampleCodepen,
            view: React.createElement(Pivot_TabsLarge_Example_1.PivotTabsLargeExample, null)
        },
        {
            title: 'Trigger onchange event',
            code: PivotOnChangeExampleCode,
            codepenJS: PivotOnChangeExampleCodepen,
            view: React.createElement(Pivot_OnChange_Example_1.PivotOnChangeExample, null)
        },
        {
            title: 'Show/Hide pivot item',
            code: PivotRemoveExampleCode,
            codepenJS: PivotRemoveExampleCodepen,
            view: React.createElement(Pivot_Remove_Example_1.PivotRemoveExample, null)
        },
        {
            title: 'Override selected item',
            code: PivotOverrideExampleCode,
            codepenJS: PivotOverrideExampleCodepen,
            view: React.createElement(Pivot_Override_Example_1.PivotOverrideExample, null)
        },
        {
            title: 'Render content separately',
            code: PivotSeparateExampleCode,
            codepenJS: PivotSeparateExampleCodepen,
            view: React.createElement(Pivot_Separate_Example_1.PivotSeparateExample, null)
        },
        {
            title: 'No pivots selected',
            code: PivotNoSelectedKeyExampleCode,
            codepenJS: PivotNoSelectedKeyExampleCodepen,
            view: React.createElement(Pivot_SeparateNoSelectedKey_Example_1.PivotSeparateNoSelectedKeyExample, null)
        }
    ],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/Pivot/docs/PivotOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!office-ui-fabric-react/src/components/Pivot/docs/PivotDos.md'),
    donts: require('!raw-loader!office-ui-fabric-react/src/components/Pivot/docs/PivotDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativePropsForComponentName: 'PivotItem',
    allowNativeProps: true
};
//# sourceMappingURL=Pivot.doc.js.map