@engie-group/fluid-design-system-react/lib/components/input/NJInput.d.ts

Fluid Design System React

import React from 'react';
/**
 * @deprecated Input is deprecated and should be replaced by FormItem component
 */
export declare const NJInput: React.FC<IInputProps>;
export interface IInputProps {
    name?: string;
    /**
     * additional classes
     */
    className?: string;
    label: string;
    labelKind?: 'static' | 'placeholder' | 'floating';
    id?: string;
    value?: string;
    helpText?: string;
    title?: string;
    ariaLabel?: string;
    ariaLabelledBy?: string;
    type?: string;
    autocomplete?: string;
    required?: boolean;
    placeholder?: string;
    iconName?: string;
    iconPosition?: 'left' | 'right';
    isDisabled?: boolean;
    onClick?: React.MouseEventHandler<HTMLElement>;
    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
    iconClick?: React.MouseEventHandler<HTMLElement>;
    iconKeyPress?: React.KeyboardEventHandler<HTMLElement>;
    onFocus?: React.FocusEventHandler<HTMLElement>;
    onBlur?: React.FocusEventHandler<HTMLElement>;
    iconTitle?: string;
    onChange?: (e: React.ChangeEvent<HTMLElement>) => void;
    maxLength?: number;
    minLength?: number;
    readOnly?: boolean;
    form?: string;
    tabIndex?: number;
}