mui-dynamic-field
Version:
A dynamic and customizable input field component for React, built with Material UI & TypeScript.
25 lines (24 loc) • 1.41 kB
TypeScript
import { TextFieldProps } from '@mui/material';
/**
* A React functional component that renders a password input field with toggleable visibility.
* This component is built using Material-UI's `TextField` and provides additional functionality
* such as error handling, dynamic props, and a visibility toggle button.
*
* @param props - The configuration object for the password input field.
* @param props.color - The color of the input field (e.g., primary, secondary).
* @param props._key - The unique key or name for the input field.
* @param props.error - A boolean indicating whether the input field is in an error state.
* @param props.errorText - The helper text to display when the input field is in an error state.
* @param props.label - The label for the input field.
* @param props.value - The current value of the input field.
* @param props.onChange - The callback function triggered when the input value changes.
* @param props.disabled - A boolean indicating whether the input field is disabled.
* @param props.size - The size of the input field (e.g., small, medium).
* @param props.extraProps - Additional props to pass to the `TextField` component.
*
* @returns A password input field with a visibility toggle button.
*/
declare const PasswordInput: (props: TextFieldProps & {
errorText?: string;
}) => import("react/jsx-runtime").JSX.Element;
export default PasswordInput;