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

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Tooltip_Custom_Example_1 = require("./examples/Tooltip.Custom.Example");
var Tooltip_Basic_Example_1 = require("./examples/Tooltip.Basic.Example");
var Tooltip_Interactive_Example_1 = require("./examples/Tooltip.Interactive.Example");
var Tooltip_Overflow_Example_1 = require("./examples/Tooltip.Overflow.Example");
var Tooltip_NoScroll_Example_1 = require("./examples/Tooltip.NoScroll.Example");
var Tooltip_checklist_1 = require("./Tooltip.checklist");
require("./TooltipPage.global.scss");
var TooltipBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/examples/Tooltip.Basic.Example.tsx');
var TooltipBasicExampleCodepen = require('!raw-loader!office-ui-fabric-react/lib/codepen/components/Tooltip/Tooltip.Basic.Example.Codepen.txt');
var TooltipCustomExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/examples/Tooltip.Custom.Example.tsx');
var TooltipInteractiveExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/examples/Tooltip.Interactive.Example.tsx');
var TooltipOverflowExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/examples/Tooltip.Overflow.Example.tsx');
var TooltipNoScrollExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/examples/Tooltip.NoScroll.Example.tsx');
exports.TooltipPageProps = {
    title: 'Tooltip',
    componentName: 'Tooltip',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Tooltip',
    componentStatus: Tooltip_checklist_1.TooltipStatus,
    examples: [
        {
            title: 'Default Tooltip',
            code: TooltipBasicExampleCode,
            view: React.createElement(Tooltip_Basic_Example_1.TooltipBasicExample, null),
            codepenJS: TooltipBasicExampleCodepen
        },
        {
            title: 'Tooltip with list',
            code: TooltipCustomExampleCode,
            view: React.createElement(Tooltip_Custom_Example_1.TooltipCustomExample, null)
        },
        {
            title: 'Tooltip with a closing delay',
            code: TooltipInteractiveExampleCode,
            view: React.createElement(Tooltip_Interactive_Example_1.TooltipInteractiveExample, null)
        },
        {
            title: 'Tooltip only on overflow',
            code: TooltipOverflowExampleCode,
            view: React.createElement(Tooltip_Overflow_Example_1.TooltipOverflowExample, null)
        },
        {
            title: 'Tooltip without scroll (improves performance)',
            code: TooltipNoScrollExampleCode,
            view: React.createElement(Tooltip_NoScroll_Example_1.TooltipNoScrollExample, null)
        }
    ],
    propertiesTablesSources: [
        require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/Tooltip.types.ts'),
        require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/TooltipHost.types.ts')
    ],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/Tooltip/docs/TooltipOverview.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true
};
//# sourceMappingURL=Tooltip.doc.js.map