# All files / dialog examples.data.tsx

100% Statements 6/6
100% Branches 0/0
100% Functions 0/0
100% Lines 6/6

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    441x
    1x
    1x
    1x

    1x

    1x
     import * as React from "react";
    import Dialog, { DialogHandledProps, DialogManagedClasses, DialogUnhandledProps } from "./dialog";
    import schema from "./dialog.schema.json";
    import Documentation from "./.tmp/documentation";
    import { ComponentFactoryExample } from "@microsoft/fast-development-site-react";

    const examples: ComponentFactoryExample<DialogHandledProps> = {
        name: "Dialog",
        component: Dialog,
        schema: schema as any,
        documentation: <Documentation />,
        detailData: {
            modal: true,
            managedClasses: {
                dialog: "dialog",
                dialog_modalOverlay: "dialog-modal-overlay",
                dialog_contentRegion: "dialog-content-region"
            }
        },
        data: [
            {
                contentHeight: "300px",
                contentWidth: "500px",
                managedClasses: {
                    dialog: "dialog",
                    dialog_modalOverlay: "dialog-modal-overlay",
                    dialog_contentRegion: "dialog-content-region"
                }
            },
            {
                contentHeight: "350px",
                contentWidth: "500px",
                modal: true,
                managedClasses: {
                    dialog: "dialog",
                    dialog_modalOverlay: "dialog-modal-overlay",
                    dialog_contentRegion: "dialog-content-region"
                }
            }
        ]
    };

    export default examples;