@onesy/ui-react
Version:
UI for React
62 lines (61 loc) • 2.05 kB
TypeScript
import React from 'react';
import OnesySubscription from '@onesy/subscription';
import { IBaseElement, IVersion, IRef, IElement, IValueBreakpoints, IPropsAny, IElementReference } from '../types';
export declare type ITextField = Omit<IBaseElement, 'onChange'> & {
version?: IVersion;
rootRef?: IRef;
valueDefault?: string | number;
value?: string | number;
onChange?: (value: any, event?: React.ChangeEvent<HTMLInputElement>) => any;
name?: any;
label?: any;
align?: 'start' | 'center' | 'end';
start?: IElement;
startVerticalAlign?: 'start' | 'center' | 'end';
end?: IElement;
endVerticalAlign?: 'start' | 'center' | 'end';
placeholder?: string;
fullWidth?: boolean | Partial<Record<IValueBreakpoints, boolean>>;
helperText?: string;
counter?: number;
prefix?: string;
sufix?: string;
noPrefixMargin?: boolean;
noSufixMargin?: boolean;
enabled?: boolean;
autoFocus?: boolean;
autoComplete?: boolean;
type?: React.HTMLInputTypeAttribute;
required?: boolean;
optional?: boolean;
optionalText?: string;
error?: boolean;
multiline?: boolean;
clear?: boolean;
rows?: number;
minRows?: number;
maxRows?: number;
focus?: boolean;
footer?: IElement;
controlled?: boolean;
restoreSelection?: boolean;
maxLength?: number;
minWidth?: number;
subscription?: OnesySubscription;
minimal?: boolean;
onInput?: (event: InputEvent) => any;
onFocus?: (event: React.FocusEvent<any>) => any;
onBlur?: (event: React.FocusEvent<any>) => any;
onMouseEnter?: (event: React.MouseEvent<any>) => any;
onMouseLeave?: (event: React.MouseEvent<any>) => any;
inputProps?: IPropsAny;
InputWrapperProps?: IPropsAny;
HelperTextProps?: IPropsAny;
IconClear?: IElementReference;
InputComponent?: IElementReference;
WrapperComponent?: IElementReference;
IconProps?: IPropsAny;
colorUnchecked?: any;
};
declare const TextField: React.FC<ITextField>;
export default TextField;