# All files / checkbox examples.data.tsx

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

    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
    49
    50
    511x
    1x
    1x
    1x

    1x

    1x

    1x
     import * as React from "react";
    import Checkbox, { CheckboxHandledProps, CheckboxManagedClasses, CheckboxUnhandledProps } from "./checkbox";
    import schema from "./checkbox.schema.json";
    import Documentation from "./.tmp/documentation";
    import { ComponentFactoryExample } from "@microsoft/fast-development-site-react";

    const classes: CheckboxManagedClasses = {
        managedClasses: {
            checkbox: "checkbox",
            checkbox_input: "checkbox_input",
            checkbox_label: "checkbox_label",
            checkbox__disabled: "checkbox__disabled",
            checkbox_stateIndicator: "checkbox_stateIndicator"
        }
    };

    const examples: ComponentFactoryExample<CheckboxHandledProps> = {
        name: "Checkbox",
        component: Checkbox,
        schema: schema as any,
        documentation: <Documentation />,
        detailData: {
            ...classes,
            checked: true,
            inputId: "checkbox"
        },
        data: [
            {
                ...classes,
                inputId: "checkbox1"
            },
            {
                ...classes,
                checked: true,
                inputId: "checkbox2"
            },
            {
                ...classes,
                indeterminate: true,
                inputId: "checkbox3"
            },
            {
                ...classes,
                disabled: true,
                inputId: "checkbox4"
            }
        ]
    };

    export default examples;