# All files / text-field text-field.props.ts

100% Statements 8/8
100% Branches 2/2
100% Functions 1/1
100% Lines 8/8

    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

    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x

     import * as React from "react";
    import { ManagedClasses, TextFieldClassNameContract } from "@microsoft/fast-components-class-name-contracts-base";

    export enum TextFieldType {
       email = "email",
       number = "number",
       password = "password",
       search = "search",
       tel = "tel",
       text = "text",
       url = "url"
    }

    export interface TextFieldManagedClasses extends ManagedClasses<TextFieldClassNameContract> {}
    export interface TextFieldUnhandledProps extends React.InputHTMLAttributes<HTMLInputElement> {}
    export interface TextFieldHandledProps extends TextFieldManagedClasses {
        /**
         * The disabled state
         */
        disabled?: boolean;

        /**
         * Placeholder Text for input field
         */
        placeholder?: string;

        /**
         * The text field input type
         */
        type?: TextFieldType;
    }

    export type TextFieldProps = TextFieldHandledProps & TextFieldUnhandledProps;