UNPKG

1.39 kBTypeScriptView Raw
1import * as React from 'react';
2export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
3 /** Content rendered inside the text input group main div */
4 children?: React.ReactNode;
5 /** Additional classes applied to the text input group main container */
6 className?: string;
7 /** Icon to be shown on the left side of the text input group main container */
8 icon?: React.ReactNode;
9 /** Type that the input accepts. */
10 type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
11 /** Suggestion that will show up like a placeholder even with text in the input */
12 hint?: string;
13 /** Callback for when there is a change in the input field*/
14 onChange?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
15 /** Callback for when the input field is focused*/
16 onFocus?: (event?: any) => void;
17 /** Callback for when focus is lost on the input field*/
18 onBlur?: (event?: any) => void;
19 /** Accessibility label for the input */
20 'aria-label'?: string;
21 /** Value for the input */
22 value?: string | number;
23 /** Placeholder value for the input */
24 placeholder?: string;
25}
26export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
27//# sourceMappingURL=TextInputGroupMain.d.ts.map
\No newline at end of file