TextInput component

How to use

import { TextInput } from '@getfly-ui/text-input';

OR

import { TextInput } from 'getfly-ui';

Props

TextInput

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | required | boolean or undefined | | Mark as required | | onChange | ChangeEventHandler<HTMLInputElement> or ((event: ChangeEvent<HTMLTextAreaElement>) => void) or undefined | | Change handler | | onBlur | FocusEventHandler<HTMLInputElement> or ((event: FocusEvent<HTMLTextAreaElement, Element>) => void) or undefined | | Blur handler | | label | string or undefined | | Label displayed above the textarea | | hint | string or string[] or undefined | | Helper text displayed below | | hintPreset | enum | | Typography preset | | hintColorTheme | enum | | Color | | error | boolean or undefined | | Error message or state | | variant | enum | 'default' | Visual variant of the component | | labelPosition | enum | 'top' | Visual variant of the component | | inputGroup | ReactElement<unknown, string or JSXElementConstructor<any>>[] or undefined | | | | textPreset | enum | | Typography preset | | iconLeft | enum | | | | iconLeftColor | string or undefined | | | | iconLeftName | enum | | | | iconLeftColorTheme | enum | | | | sizeIconLeft | number or undefined | | |