@plurid/plurid-ui-components-react
Version:
Plurid User Interface Components for React
63 lines (62 loc) • 2.28 kB
TypeScript
import React from 'react';
import { Theme } from '@plurid/plurid-themes';
export interface TextlineProperties {
text: string;
atChange: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
atKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
atFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
atBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
type?: 'text' | 'password' | 'number';
placeholder?: string;
autoCapitalize?: string;
autoComplete?: string;
autoCorrect?: string;
spellCheck?: boolean;
style?: React.CSSProperties;
className?: string;
theme?: Theme;
level?: number;
devisible?: boolean;
center?: boolean;
round?: boolean;
width?: string | number;
error?: boolean;
enterIconLeft?: boolean;
enterEmpty?: boolean;
enterAtClick?: () => void;
escapeClear?: boolean;
ariaLabel?: string;
}
export type TextlineType = TextlineProperties & React.RefAttributes<any>;
/**
* @param text `string`
* @param atChange `(event: React.ChangeEvent<HTMLInputElement>, value: string) => void`
* @param atKeyDown `(event: React.KeyboardEvent<HTMLInputElement>) => void`
* @param atFocus `(event: React.FocusEvent<HTMLInputElement>) => void`
* @param atBlur `(event: React.FocusEvent<HTMLInputElement>) => void`
*
* @param type optional - `'text' | 'password' | 'number'`
* @param placeholder optional - `string`
* @param autoCapitalize optional - `string`
* @param autoComplete optional - `string`
* @param autoCorrect optional - `string`
* @param spellCheck optional - `boolean`
* @param style optional - `React.CSSProperties`
*
* @param theme optional - `Theme`
* @param level optional - `number`
* @param devisible optional - `boolean`
* @param center optional - `boolean`
* @param round optional - `boolean`
* @param width optional - `string | number`
* @param error optional - `boolean`
*
* @param enterIconLeft optional - `boolean`
* @param enterEmpty optional - `boolean`
* @param enterAtClick optional - `() => void`
* @param escapeClear optional - `boolean`
*
* @param ariaLabel optiona - `boolean`
*/
declare const Textline: React.ForwardRefExoticComponent<TextlineType>;
export default Textline;