# All files 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
    44
    45
    46
    47
    48
    491x
    1x
    1x
    1x

    1x

    1x
     import * as React from "react";
    import Toggle, { ToggleHandledProps, ToggleManagedClasses, ToggleUnhandledProps } from "./toggle";
    import schema from "./toggle.schema.json";
    import Documentation from "./.tmp/documentation";
    import { ComponentFactoryExample } from "@microsoft/fast-development-site-react";

    const examples: ComponentFactoryExample<ToggleHandledProps> = {
        name: "Toggle",
        component: Toggle,
        schema: schema as any,
        documentation: <Documentation />,
        detailData: {
            managedClasses: {
                toggle: "toggle",
                toggle_label: "toggle_label",
                toggle_toggleButton: "toggle_toggleButton",
                toggle_input: "toggle_input",
                toggle_stateIndicator: "toggle_stateIndicator",
            },
            children: "Toggle",
            id: "toggle01",
            labelId: "label01",
            selectedMessage: "On",
            statusMessageId: "span01",
            unselectedMessage: "Off"
        },
        data: [
            {
                managedClasses: {
                    toggle: "toggle",
                    toggle_label: "toggle_label",
                    toggle_toggleButton: "toggle_toggleButton",
                    toggle_input: "toggle_input",
                    toggle_stateIndicator: "toggle_stateIndicator",
                },
                children: "Toggle label",
                disabled: false,
                id: "toggle01",
                labelId: "label01",
                selected: true,
                selectedMessage: "On",
                statusMessageId: "span01",
                unselectedMessage: "Off"
            }
        ]
    };

    export default examples;