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

Collection of reusable components that can be used in web projects

import { CSSProperties, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
import { EIconType } from '../Icon/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?: keyof typeof EIconType;
    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