@tolokoban/ui
Version:
React components with theme
33 lines • 1.46 kB
TypeScript
import * as React from "react";
import { SpaceStyleProps } from "../../theme/styles/space.js";
import { ViewWithValue } from "../../types.js";
import { DimensionStyleProps } from "../../theme/styles/dimension.js";
import { CommonProps } from "../../theme/styles/common.js";
export type ViewInputTextProps = ViewWithValue<string> & SpaceStyleProps & DimensionStyleProps & CommonProps & {
id?: string;
/** Text to display when the input is empty. */
placeholder?: string;
/** If defined, label will be added to the input. */
label?: React.ReactNode;
enabled?: boolean;
/**
* Input type. Default to `"text"`.
*/
type?: "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "image" | "hidden" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
/** If `true`, the focus will be set here once displayed. */
autofocus?: boolean;
/**
* A regular expression or a function to assert the validity of the current text.
*/
validator?: RegExp | ((value: string) => boolean);
/**
* Form name.
*/
name?: string;
/**
* Event dispatched when the user pressed Enter.
*/
onEnterKeyPressed?(this: void, value: string): void;
};
export declare function ViewInputText(props: ViewInputTextProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=InputText.d.ts.map