Type Alias TextFieldProps

TextFieldProps: {
    className?: string;
    defaultValue?: string | number;
    hasError?: boolean;
    helperText?: string;
    id?: string;
    isDisabled?: boolean;
    isFullWidth?: boolean;
    isRequired?: boolean;
    label?: string;
    onBlur?: FocusEventHandler<HTMLInputElement>;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    onFocus?: FocusEventHandler<HTMLInputElement>;
    placeholder?: string;
    value?: string | number;
}

Type declaration

  • OptionalclassName?: string

    Additional css classes to help with unique styling of the text field

  • OptionaldefaultValue?: string | number

    Starting value for the text field if it is not controlled

  • OptionalhasError?: boolean

    If true, the label is displayed in an error state.

    Default

    false
  • OptionalhelperText?: string

    Text that gives the user instructions on what contents the TextField expects

  • Optionalid?: string

    Optional unique identifier

  • OptionalisDisabled?: boolean

    If true, the component is disabled.

    Default

    false
  • OptionalisFullWidth?: boolean

    If true, the input will take up the full width of its container.

    Default

    false
  • OptionalisRequired?: boolean

    If true, the label is displayed as required and the input element is required.

    Default

    false
  • Optionallabel?: string

    The title of the TextField

  • OptionalonBlur?: FocusEventHandler<HTMLInputElement>

    Triggers when textfield loses focus

  • OptionalonChange?: ChangeEventHandler<HTMLInputElement>

    Triggers when content of textfield is changed

  • OptionalonFocus?: FocusEventHandler<HTMLInputElement>

    Triggers when textfield gets focus

  • Optionalplaceholder?: string

    The short hint displayed in the input before the user enters a value.

  • Optionalvalue?: string | number

    Value of the text field if controlled

Settings

Member Visibility