@eviljs/reactx/input-v2/input.d.ts

Awesome React UI Widgets

import type { ElementProps, Props, VoidProps } from '@eviljs/react/props';
export { decoratingElement, decoratingElementAfter, decoratingElementBefore } from '@eviljs/react/children';
export declare function InputLabel(props: Props<InputLabelProps>): React.JSX.Element;
export declare function Input(props: Props<InputProps>): React.JSX.Element;
export declare function TextInput(props: Props<TextInputProps>): React.JSX.Element;
export declare function SecretInput(props: Props<SecretInputProps>): React.JSX.Element;
export interface InputLabelProps extends Omit<ElementProps<'div'>, 'labelClass' | 'title'> {
    labelClass?: string;
    title: React.ReactNode;
}
export interface InputProps extends Omit<VoidProps<ElementProps<'input'>>, 'onChange'> {
    decorate?: undefined | ((input: React.ReactNode) => React.ReactNode);
    hostClass?: undefined | string;
    hostProps?: undefined | ElementProps<'div'>;
    hostStyle?: undefined | React.CSSProperties;
    inputClass?: undefined | string;
    inputProps?: undefined | ElementProps<'input'>;
    inputStyle?: undefined | React.CSSProperties;
    onChange?: undefined | ((value: string, event: React.ChangeEvent<HTMLInputElement>) => void);
}
export interface TextInputProps extends InputProps {
}
export interface SecretInputProps extends InputProps {
    buttonClass?: undefined | string;
    buttonProps?: undefined | VoidProps<ElementProps<'button'>>;
    buttonStyle?: undefined | React.CSSProperties;
    hideIcon: React.ReactNode;
    showIcon: React.ReactNode;
}