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

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var HoverCard_Basic_Example_1 = require("./examples/HoverCard.Basic.Example");
var HoverCard_PlainCard_Example_1 = require("./examples/HoverCard.PlainCard.Example");
var HoverCard_Target_Example_1 = require("./examples/HoverCard.Target.Example");
var HoverCard_InstantDismiss_Example_1 = require("./examples/HoverCard.InstantDismiss.Example");
var HoverCard_EventListenerTarget_Example_1 = require("./examples/HoverCard.EventListenerTarget.Example");
var HoverCardBasicExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx');
var HoverCardTargetExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Target.Example.tsx');
var HoverCardPlainCardExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.PlainCard.Example.tsx');
var HoverCardInstantDismissExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.InstantDismiss.Example.tsx');
var HoverCardEventListenerTargetExampleCode = require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.EventListenerTarget.Example.tsx');
var HoverCardBasicExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Basic.Example.tsx');
var HoverCardTargetExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.Target.Example.tsx');
var HoverCardPlainCardExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.PlainCard.Example.tsx');
var HoverCardInstantDismissExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.InstantDismiss.Example.tsx');
var HoverCardEventListenerTargetExampleCodepen = require('!@uifabric/codepen-loader!office-ui-fabric-react/src/components/HoverCard/examples/HoverCard.EventListenerTarget.Example.tsx');
exports.HoverCardPageProps = {
    title: 'HoverCard',
    componentName: 'HoverCard',
    componentUrl: 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/HoverCard',
    examples: [
        {
            title: 'Example 1: Expanding HoverCard wrapping an element',
            code: HoverCardBasicExampleCode,
            codepenJS: HoverCardBasicExampleCodepen,
            view: React.createElement(HoverCard_Basic_Example_1.HoverCardBasicExample, null)
        },
        {
            title: 'Example 2: Expanding HoverCard using Target, DirectionalHint and custom HotKey',
            code: HoverCardTargetExampleCode,
            codepenJS: HoverCardTargetExampleCodepen,
            view: React.createElement(HoverCard_Target_Example_1.HoverCardTargetExample, null)
        },
        {
            title: 'Example 3: Plain HoverCard wrapping an element',
            code: HoverCardPlainCardExampleCode,
            codepenJS: HoverCardPlainCardExampleCodepen,
            view: React.createElement(HoverCard_PlainCard_Example_1.HoverCardPlainCardExample, null)
        },
        {
            title: 'Example 4: Plain HoverCard with instant dismiss from within the card button click',
            code: HoverCardInstantDismissExampleCode,
            codepenJS: HoverCardInstantDismissExampleCodepen,
            view: React.createElement(HoverCard_InstantDismiss_Example_1.HoverCardInstantDismissExample, null)
        },
        {
            title: 'Example 5: HoverCard using eventListenerTarget to trigger card open',
            code: HoverCardEventListenerTargetExampleCode,
            codepenJS: HoverCardEventListenerTargetExampleCodepen,
            view: React.createElement(HoverCard_EventListenerTarget_Example_1.HoverCardEventListenerTargetExample, null)
        }
    ],
    overview: require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/docs/HoverCardOverview.md'),
    bestPractices: '',
    dos: require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/docs/HoverCardDos.md'),
    donts: require('!raw-loader!office-ui-fabric-react/src/components/HoverCard/docs/HoverCardDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true
};
//# sourceMappingURL=HoverCard.doc.js.map