@trellixio/roaster-coffee
Version:
Beans' product component library
35 lines • 1.62 kB
TypeScript
import * as React from 'react';
export interface TextFieldProps extends Omit<React.ComponentProps<'input'>, 'onChange' | 'prefix'> {
/** The ID of the input element. */
id?: string;
/** An error message to display below the input, if applicable. */
error?: string;
/** Whether the input should be disabled. */
disabled?: boolean;
/** Placeholder text to display in the input. */
placeholder?: string;
/** The default value of the input. */
defaultValue?: string;
/** CSS class names to apply to the label. */
labelClassName?: string;
/** CSS class names to apply to the input. */
inputClassName?: string;
/** The label to display above the input. */
label?: React.ReactNode;
/** A prefix to display before the input. */
prefix?: React.ReactNode;
/** A suffix to display after the input. */
suffix?: React.ReactNode;
/** Help text to display below the input. */
helpText?: React.ReactNode;
/** A section to display on the right side of the input. */
rightSection?: React.ReactNode;
/** A callback function that is called when the value of the input changes. */
onChange?(value: string): void;
/** CSS styles to apply to the input. */
inputStyle?: React.CSSProperties;
/** The type of the input element, such as text, email, tel, url, number, or password. */
type?: 'text' | 'email' | 'tel' | 'url' | 'number' | 'password';
}
export declare const TextField: React.ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=TextField.d.ts.map