xtreme-ui/dist/components/Textfield/types.d.ts

Collection of reusable components that can be used in web projects

import { ChangeEvent, CSSProperties, FocusEvent, KeyboardEvent } from 'react';
import { TClassicIconType } from '../Button/types';
export type TTextfieldProps = {
    className?: string;
    style?: CSSProperties;
    type?: keyof typeof ETextfieldType;
    textarea?: boolean;
    placeholder?: string;
    active?: boolean;
    autoFocus?: boolean;
    autoComplete?: keyof typeof ETextfieldAutoComplete;
    icon?: string;
    iconType?: TClassicIconType;
    value?: string;
    id?: string;
    onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    onFocus?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    onKeyDown?: (event: KeyboardEvent) => void;
    onKeyUp?: (event: KeyboardEvent) => void;
    onEnterKey?: (event: KeyboardEvent) => void;
};
export declare enum ETextfieldType {
    text = "text",
    number = "number",
    phone = "phone",
    password = "password",
    search = "search"
}
export declare enum ETextfieldAutoComplete {
    off = "off",
    on = "on",
    name = "name",
    "honorific-prefix" = "honorific-prefix",
    "given-name" = "given-name",
    "additional-name" = "additional-name",
    "family-name" = "family-name",
    "honorific-suffix" = "honorific-suffix",
    nickname = "nickname",
    email = "email",
    username = "username",
    "new-password" = "new-password",
    "current-password" = "current-password",
    "one-time-code" = "one-time-code",
    "organization-title" = "organization-title",
    organization = "organization",
    "street-address" = "street-address",
    "address-line1" = "address-line1",
    "address-line2" = "address-line2",
    "address-line3" = "address-line3",
    "address-level4" = "address-level4",
    "address-level3" = "address-level3",
    "address-level2" = "address-level2",
    "address-level1" = "address-level1",
    country = "country",
    "country-name" = "country-name",
    "postal-code" = "postal-code",
    "cc-name" = "cc-name",
    "cc-given-name" = "cc-given-name",
    "cc-additional-name" = "cc-additional-name",
    "cc-family-name" = "cc-family-name",
    "cc-number" = "cc-number",
    "cc-exp" = "cc-exp",
    "cc-exp-month" = "cc-exp-month",
    "cc-exp-year" = "cc-exp-year",
    "cc-csc" = "cc-csc",
    "cc-type" = "cc-type",
    "transaction-currency" = "transaction-currency",
    "transaction-amount" = "transaction-amount",
    language = "language",
    bday = "bday",
    "bday-day" = "bday-day",
    "bday-month" = "bday-month",
    "bday-year" = "bday-year",
    tel = "tel",
    "tel-country-code" = "tel-country-code",
    "tel-national" = "tel-national",
    "tel-area-code" = "tel-area-code",
    "tel-local" = "tel-local",
    "tel-extension" = "tel-extension"
}
//# sourceMappingURL=types.d.ts.map