# All files / text-field 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
    49
    50
    51
    521x

    1x
    1x
    1x

    1x

    1x
     import TextField, {
        TextFieldHandledProps,
        TextFieldManagedClasses,
        TextFieldType,
        TextFieldUnhandledProps
    } from "./text-field";
    import schema from "./text-field.schema.json";
    import * as React from "react";
    import Documentation from "./.tmp/documentation";
    import { ComponentFactoryExample } from "@microsoft/fast-development-site-react";

    const examples: ComponentFactoryExample<TextFieldHandledProps> = {
        name: "Text field",
        component: TextField,
        schema: schema as any,
        documentation: <Documentation />,
        detailData: {
            managedClasses: {
                textField: "textfield"
            },
            type: TextFieldType.text
        },
        data: [
            {
                managedClasses: {
                    textField: "textfield"
                },
                type: TextFieldType.text
            },
            {
                managedClasses: {
                    textField: "textfield"
                },
                type: TextFieldType.email
            },
            {
                managedClasses: {
                    textField: "textfield"
                },
                type: TextFieldType.number
            },
            {
                managedClasses: {
                    textField: "textfield"
                },
                type: TextFieldType.tel
            }
        ]
    };

    export default examples;